|
1 | 1 | # Datetime range input UI element |
2 | 2 |
|
3 | | -This datetime range input is used to fascilitate easy input of datetime objects representing a range with a start datetime and end datetime. |
4 | | - |
| 3 | +This directive is designed to provide easy and intuitive input of moment.js datetime objects. |
| 4 | + |
| 5 | +Typically this can be used to represent a start and an end datetime object. |
| 6 | +Desgined to be as simple as possible to afford intuitive interactions. |
| 7 | + |
5 | 8 | Converted into an angular directive for your convenience :) |
6 | 9 |
|
7 | 10 | ## Demo |
8 | 11 | Click <a href="https://rawgit.com/g1eb/angular-datetime-range/master/" target="_blank">here</a> for a live demo. |
9 | 12 |
|
| 13 | +### Closed state |
| 14 | +[](https://rawgit.com/g1eb/angular-datetime-range/master/) |
| 15 | + |
| 16 | +### Open edit time state |
| 17 | +[](https://rawgit.com/g1eb/angular-datetime-range/master/) |
| 18 | + |
| 19 | +### Open edit calendar state |
| 20 | +[](https://rawgit.com/g1eb/angular-datetime-range/master/) |
| 21 | + |
10 | 22 | ## Installation |
11 | 23 |
|
12 | 24 | 1) Install 'angular-datetime-range' with bower |
@@ -35,11 +47,9 @@ angular.module('myApp', [ |
35 | 47 |
|
36 | 48 | |Property | Usage | Default | Required | |
37 | 49 | |:------------- |:-------------|:-----:|:-----:| |
38 | | -| start_datetime | Start datetime object | none | yes | |
39 | | -| end_datetime | End datetime object | none | yes | |
40 | | -| handler | Handler function is fired on blur of the editing panel, start_datetime and end_datetime are passed as arguments, can be used to save changed datetime objects or do something else with it | none | no | |
41 | | - |
42 | | -### Example data |
| 50 | +| start_datetime | Start moment.js datetime object | none | no | |
| 51 | +| end_datetime | End moment.js datetime object | none | no | |
| 52 | +| handler | Handler function is fired on change of start and/or end datetime objects | none | no | |
43 | 53 |
|
44 | 54 | ## Dependencies |
45 | 55 |
|
|
0 commit comments