q4.q4datepicker

updates the standard jQueryUI datepicker to include date range functionality and features that make it accessible. inspiration: https://dequeuniversity.com/library/aria/date-picker

Examples
Options

Script link: q4.datepicker.1.0.0.min.js
Source file: q4.datepicker.js, line 2

Examples

$('.date-input').q4datepicker({
     dateRange: true,
     showTodayButton: true,
     datepickerOpts: {
         dateFormat: "yy/mm/dd"
         maxDate: '+3M'
     }
});

Options

datepickerOpts object

A set of options to pass directly to the datepicker constructor. See that module's documentation for details. https://api.jqueryui.com/datepicker/

Default value: { dateFormat: "yy/mm/dd" }

showTodayButton boolean

Show Today button in datepicker when button panel is shown (default state)

Default value: true

accessibleButton boolean

Accessibility: Show button for triggering datepicker

Default value: true

dateRange boolean

Whether or not to allow date range

Default value: false

beforeDateSelect function

An optional callback that is fired before the date is updated

Parameters

beforeDateSelect string: The selected date text
beforeDateSelect object: The datepicker object from the DOM
beforeDateSelect object: The datepicker instance