![](\"http://jpillora.com/github-twitter-button/img/tweet.png\")
\n\n\n\n[Home / demo page](http://dalelotts.github.io/angularjs-bootstrap-datetimepicker/)\n\n## Support the project\nI know this is a tiny directive but many people use it in production (high 5 to all of us) - if you happen to use this directive please click the star button (at the top of the page) - it means a lot to all the contributors.\n\n## Overriding html template\n\nIf you want to override the template used by this directive, simply populate the ```$templateCache``` with your own template.\n\n```JavaScript\n $templateCache.put('templates/datetimepicker.html', 'minuteStep minutes.\n\n### configureOn\n\nString. Default: ```null```\n\nCauses the date/time picker to re-read its configuration when the specified event is received.\n\nFor example, perhaps the startView option in the configuration has changed and you would like the \nnew configuration to be used. You can $broadcast the event to cause this directive to use the new configuration. \n\n### renderOn\n\nString. Default: ```null```\n\nCauses the date/time picker to re-render its view when the specified event is received.\n\nFor example, if you want to disable any dates or times that are in the past. \nYou can $broadcast the event at an interval to disable times in the past (or any other time valid dates change).\n\n### modelType\n\nString. Default: ```'Date'```\n\nSpecifies the data type to use when storing the selected date in the model. \n\nAccepts any string value, but the following values have special meaning (these values are case sensitive) :\n * ```'Date'``` stores a Date instance in the model. Will accept Date, moment, milliseconds, and ISO 8601 strings as initial input from the model \n * ```'moment'``` stores a moment instance in the model. Accepts the same initial values as ```Date```\n * ```'milliseconds'``` store the epoch milliseconds (since 1-1-1970) in the model. Accepts the same initial values as ```Date```\n\nAny other value is considered a format string. \n\nWhen accepting values from, and saving values to the model, this directive tries to be as flexible as possible.\nDates, moments, and milliseconds are all accepted as input no matter what you specify for ```modelType```.\nHowever, strings are problematic and often lose timezone information, so use caution when storing strings. \n\nIf you must use a string, be aware that the format stored in the model must exactly match the format specified in ```modelType```.\nFor example, the value in the model is ```'2015-12-31'``` then using ```modelType: 'MM-DD-YYYY'``` will cause an exception. \n \nNOTA BENE: If the only reason you are storing strings is to have it properly formatted when displaying to the user,\nplease review the documentation on ngModelController $formatters and $parsers. These allow you to store a value in the model\nbut display it formatted as you like in the view. In other words, stop it! =)\n\n### screenReader\nThe next and previous arrows on the directive had hidden (when useing bootstrap.css) text for screen readers. \nIt also provide some default translations for various languages. However, if you need another translation, you can specify \nthe translations in the configuration.\n\nThe screenReader option must be an object with ```previous``` and ```next``` properties.\n\n```html\nSelected Date: {{ data.date | date:'yyyy-MM-dd HH:mm' }}
\n```\n\nDisplay formatting of the date field is controlled by Angular filters.\n\n### As a drop-down:\n\n```html\ndropdownSelector tells the datetimepicker which element is bound to the Twitter Bootstrap drop-down so\nthe drop-down is toggled closed after the user selects a date/time.\n\n### Drop-down component with associated input box.\n```html\ndropdownSelector tells the datetimepicker which element is bound to the Twitter Bootstrap drop-down so\nthe drop-down is toggled closed after the user selects a date/time.\n\n### Restrict past dates from being selected\n\n```html\nminuteStep property controls the increments of time displayed.\nIf 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.\n\n## Contributing\n\nSee [Contributing.md](https://github.com/dalelotts/angularjs-bootstrap-datetimepicker/blob/master/.github/contributing.md)\n\n## License\n\nangularjs-bootstrap-datetimepicker is released under the MIT license and is copyright 2015 Knight Rider Consulting, Inc.. Boiled down to smaller chunks, it can be described with the following conditions.\n\n## It requires you to:\n\n* Keep the license and copyright notice included in angularjs-bootstrap-datetimepicker's CSS and JavaScript files when you use them in your works\n\n## It permits you to:\n\n* Freely download and use angularjs-bootstrap-datetimepicker, in whole or in part, for personal, private, company internal, or commercial purposes\n* Use angularjs-bootstrap-datetimepicker in packages or distributions that you create\n* Modify the source code\n* Grant a sublicense to modify and distribute angularjs-bootstrap-datetimepicker to third parties not included in the license\n\n## It forbids you to:\n\n* Hold the authors and license owners liable for damages as angularjs-bootstrap-datetimepicker is provided without warranty\n* Hold the creators or copyright holders of angularjs-bootstrap-datetimepicker liable\n* Redistribute any piece of angularjs-bootstrap-datetimepicker without proper attribution\n* Use any marks owned by Knight Rider Consulting, Inc. in any way that might state or imply that Knight Rider Consulting, Inc. endorses your distribution\n* Use any marks owned by Knight Rider Consulting, Inc. in any way that might state or imply that you created the Knight Rider Consulting, Inc. software in question\n\n## It does not require you to:\n\n* Include the source of angularjs-bootstrap-datetimepicker itself, or of any modifications you may have made to it, in any redistribution you may assemble that includes it\n* Submit changes that you make to angularjs-bootstrap-datetimepicker back to the angularjs-bootstrap-datetimepicker project (though such feedback is encouraged)\n\nThe full angularjs-bootstrap-datetimepicker license is located [in the project repository](https://github.com/dalelotts/angularjs-bootstrap-datetimepicker/blob/master/LICENSE) for more information.\n\n\n## Donating\nSupport this project and other work by Dale Lotts via [gittip][gittip-dalelotts].\n\n[![Support via Gittip][gittip-badge]][gittip-dalelotts]\n\n[gittip-badge]: https://rawgithub.com/twolfson/gittip-badge/master/dist/gittip.png\n[gittip-dalelotts]: https://www.gittip.com/dalelotts/\n\n[license-image]: http://img.shields.io/badge/license-MIT-blue.svg?style=flat\n[license-url]: LICENSE\n\n","maintainers":[{"name":"dalelotts","email":"dale@dalelotts.com"}],"time":{"modified":"2022-06-13T03:02:54.578Z","created":"2017-05-25T23:58:39.363Z","1.1.4":"2017-05-25T23:58:39.363Z"},"homepage":"http://dalelotts.github.io/angularjs-bootstrap-datetimepicker","keywords":["angular","calendar","date picker","date","directive","moment","time picker","time"],"repository":{"type":"git","url":"git+https://github.com/dalelotts/angularjs-bootstrap-datetimepicker.git"},"author":{"name":"https://github.com/dalelotts/angularjs-bootstrap-datetimepicker/graphs/contributors"},"bugs":{"url":"https://github.com/dalelotts/angularjs-bootstrap-datetimepicker/issues"},"license":"MIT","readmeFilename":"README.md","users":{"dalelotts":true}}