Jquery UI Date Range Picker
Categories
Component ID
1931374
Component name
Jquery UI Date Range Picker
Component type
module
Maintenance status
Development status
Component security advisory coverage
not-covered
Downloads
464
Component created
Component changed
Component body
Adds a "Google Analytics alike" date range picker integration as a module. Uses this library: http://tamble.github.io/jquery-ui-daterangepicker

It provides a #daterangepicker form element with some options:
$element['range'] = array(
'#type' => 'daterangepicker',
'#DateRangePicker_options' => array(
'initial_text' => t('Select date range...'),
'apply_button_text' => t('Apply'),
'clear_button_text' => t('Clear'),
'cancel_button_text' => t('Cancel'),
'range_splitter' => ' - ',
'date_format' => 'd M, yy',
// This needs to be a format recognised by javascript Date.parse method.
'alt_format' => 'yy-mm-dd',
'date_picker_options' => array(
'numberOfMonths' => 2,
),
),
);
Dependencies:
- moment.js module (and moment.js library)
- jQuery UI datepicker library
- Libraries module (optional)
Roadmap:
- Add FieldAPI integration
- Expose more datepicker / date range options
Get in touch with us for customizations and consultancy.
