Skip to content

g1eb/angular-datetime-range

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Datetime range input UI element

This directive is designed to provide easy and intuitive input of moment.js datetime objects.

Typically this can be used to represent a start and an end datetime object.
Desgined to be as simple as possible to afford intuitive interactions.

Converted into an angular directive for your convenience :)

Demo

Click here for a live demo.

Installation

  1. Install 'angular-datetime-range' with bower
bower install angular-datetime-range
  1. Add 'g1b.datetime-range' module to your app config
angular.module('myApp', [
  'g1b.datetime-range',
  ......
])
  1. Use 'datetime-range' directive in a view
<datetime-range start="start" end="end" handler="print(start, end)"></datetime-range>

Attributes

Property Usage Default Required
start Start moment.js datetime object or a datetime string none yes
end End moment.js datetime object or a datetime string none no
handler Handler function is fired on change of start and/or end datetime objects none no

Dependencies