Datetime picker

SASS
template_src/src/assets/sass/vendor/daterangepicker.sass
JavaScript
template_src/src/assets/js/module/data-api/datetime.js
Plugin URL
Date Range Picker

Options

Required HTML class js-datetimerange

Name Type Default Description
data-start-time date   Datepicker starting time
data-end-time date   Datepicker end time
data-time-picker boolean false Show timepicker
data-single-picker boolean false Show single datepicker window
data-24hr boolean false Show 24hr time
data-locale-format datetime format MM/DD/YYYY h:mm A  

Note

If you need more options, you should use the Date Range Picker plugin directly.

Example

Minimal

<input type="text" class="js-datetimerange">

Advanced

<input type="text"
     id="in-datetime"
     data-start-date="01/01/2015"
     data-end-date="01/03/2015"
     data-time-picker="true"
     data-single-picker="false"
     class="js-datetimerange"
 >