1- # Angular bootstrap date & time picker version: 0.3.13
2- ================================
1+ # Angular bootstrap date & time picker version: 0.3.14
32
43Native AngularJS datetime picker directive styled by Twitter Bootstrap 3
54
65[ ![ MIT License] [ license-image ]] [ license-url ]
76[ ![ Build Status] ( https://travis-ci.org/dalelotts/angular-bootstrap-datetimepicker.png?branch=master )] ( https://travis-ci.org/dalelotts/angular-bootstrap-datetimepicker )
7+ [ ![ Dependency Status] ( https://david-dm.org/dalelotts/angular-bootstrap-datetimepicker.svg )] ( https://david-dm.org/dalelotts/angular-bootstrap-datetimepicker )
88[ ![ devDependency Status] ( https://david-dm.org/dalelotts/angular-bootstrap-datetimepicker/dev-status.png )] ( https://david-dm.org/dalelotts/angular-bootstrap-datetimepicker#info=devDependencies )
99[ ![ PayPal donate button] ( http://img.shields.io/paypal/donate.png?color=yellow )] ( https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=F3FX5W6S2U4BW&lc=US&item_name=Dale%20Lotts&item_number=angular%2dbootstrap%2ddatetimepicker¤cy_code=USD&bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHosted " Donate one-time to this project using Paypal ")
1010<a href =" https://twitter.com/intent/tweet?original_referer=https%3A%2F%2Fabout.twitter.com%2Fresources%2Fbuttons& ; text=Check%20out%20this%20%23AngularJS%20directive%20that%20makes%20it%20dead%20simple%20for%20users%20to%20select%20dates%20%26%20times& ; tw_p=tweetbutton& ; url=https%3A%2F%2Fgithub.com%2Fdalelotts%2Fangular-bootstrap-datetimepicker& ; via=dalelotts " target =" _blank " >
@@ -14,27 +14,6 @@ Native AngularJS datetime picker directive styled by Twitter Bootstrap 3
1414
1515[ Home / demo page] ( http://dalelotts.github.io/angular-bootstrap-datetimepicker/ )
1616
17- # Upgrading to 0.3.x
18-
19- <code >weekStart</code > has been removed. This directive uses the locale aware
20- [ moment.js day of week] ( http://momentjs.com/docs/#/get-set/weekday/ ) to
21- determine which day is the first day of the week. If you would like a first
22- day of week that is not standard for the locale you can create a
23- [ custom locale] ( http://momentjs.com/docs/#/customization/ )
24-
25- ## Easier to control width
26-
27- The width of the entire control is set in css, which you can easily override.
28-
29- ## Better localization support
30-
31- This directive uses localized date formats when available. One exception is the title
32- of the month view - moment does not (yet) have a localized format for month and year.
33-
34- # (Almost) Complete re-write
35-
36- This project started as an AngularJS specific re-write of the [ bootstrap-datetimepicker project] ( https://github.com/smalot/bootstrap-datetimepicker ) .
37- Only the CSS file from the bootstrap-datetimepicker project was re-used.
3817
3918#Dependencies
4019
@@ -47,6 +26,8 @@ optional:
4726 * bootstrap's dropdown component (` dropdowns.less ` )
4827
4928#Testing
29+ This directive was written using TDD and all enhancements and changes have related tests.
30+
5031We use karma and jshint to ensure the quality of the code. The easiest way to run these checks is to use gulp:
5132
5233```
@@ -164,6 +145,12 @@ data-on-set-time="onTimeSet" <-- **This will NOT work, the ()'s are required*
164145
165146
166147## Configuration Options
148+ *** NOTE*** The configuration optionss are not attributes on the element but rather members of the configuration object,
149+ which is specified in the data-datetimepicker-config attribute.
150+
151+ ``` html
152+ <datetimepicker data-ng-model =" data.date" data-datetimepicker-config =" { dropdownSelector: '.dropdown-toggle' }" ></datetimepicker >
153+ ```
167154
168155### startView
169156
@@ -262,11 +249,19 @@ In this example, the drop-down functionality is controlled by Twitter Bootstrap.
262249The <code >dropdownSelector</code > tells the datetimepicker which element is bound to the Twitter Bootstrap drop-down so
263250the drop-down is toggled closed after the user selectes a date/time.
264251
265- ## I18N
252+
253+ ## I18N / l10n support
266254
267255All internationalization is handled by Moment.js, see Moment's documentation for details.
268256In most cases, all that is needed is a call to ``` moment.locale(String) ```
269257
258+ One exception is the title of the month view - moment does not (yet) have a localized format for month and year.
259+
260+ ``` JavaScript
261+ moment .locale (' en' ); // English
262+ moment .locale (' zh-cn' ); // Simplified chinese
263+ ```
264+
270265# Screenshots
271266
272267## Year view
@@ -305,6 +300,9 @@ This view allows the user to select a specific time of day, in the selected hour
305300By default, the time is displayed in 5 minute increments. The <code >minuteStep</code > property controls the increments of time displayed.
306301If the minute view is the minView, which is is by default, the date will be set to the beginning of the hour on the day selected.
307302
303+ ##Contributing
304+
305+
308306## License
309307
310308angular-bootstrap-datetimepicker is freely distributable under the terms of the [ MIT license] ( LICENSE ) .
0 commit comments