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:

  1. moment.js module (and moment.js library)
  2. jQuery UI datepicker library
  3. Libraries module (optional)

Roadmap:

  1. Add FieldAPI integration
  2. Expose more datepicker / date range options

Get in touch with us for customizations and consultancy.