Skip to content

Commit af1690f

Browse files
authored
Update README.md
1 parent 7cfdb64 commit af1690f

File tree

1 file changed

+25
-2
lines changed

1 file changed

+25
-2
lines changed

README.md

Lines changed: 25 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,6 @@ Converted into an angular directive for your convenience :)
1010
## Demo
1111
Click <a href="https://rawgit.com/g1eb/angular-datetime-range/master/" target="_blank">here</a> for a live demo.
1212

13-
1413
### Datetime range input (collapsed state)
1514
[<img src="https://raw.githubusercontent.com/g1eb/angular-datetime-range/master/images/start_datetime.png" alt="Angular directive datetime range input - collapsed" width="300px">](https://rawgit.com/g1eb/angular-datetime-range/master/)
1615

@@ -47,17 +46,41 @@ angular.module('myApp', [
4746
<datetime-range start="start" end="end"></datetime-range>
4847
```
4948

50-
### Attributes
49+
## Attributes
5150

5251
|Property | Usage | Default | Required |
5352
|:------------- |:-------------|:-----:|:-----:|
5453
| start | Start moment.js datetime object or a datetime string | none | yes |
5554
| end | End moment.js datetime object or a datetime string | none | yes |
55+
| presets | Array of preset ranges, click <a href="https://github.com/g1eb/angular-datetime-range#presets" target="_blank">here</a> for more info | none | no |
5656
| on-change | Handler function that is fired on change of start and/or end datetime objects | none | no |
5757
| on-change-start | Handler function that is fired on change of start datetime object | none | no |
5858
| on-change-end | Handler function that is fired on change of end datetime object | none | no |
5959
| on-close | Handler function that is fired on close of the edit popover | none | no |
6060

61+
## Presets
62+
63+
You can provide any number of preset ranges for quick selection in edit view.
64+
65+
Consider the following example with ranges of current week, month and year.
66+
```
67+
$scope.presets = [
68+
{
69+
'name': 'Week',
70+
'start': moment().startOf('week'),
71+
'end': moment().endOf('week'),
72+
}, {
73+
'name': 'Month',
74+
'start': moment().startOf('month'),
75+
'end': moment().endOf('month'),
76+
}, {
77+
'name': 'Year',
78+
'start': moment().startOf('year'),
79+
'end': moment().endOf('year'),
80+
}
81+
];
82+
```
83+
6184
## Dependencies
6285

6386
* [AngularJS](https://angularjs.org/)

0 commit comments

Comments
 (0)