Date Time Picker

Pick-A-Date Picker

Pickadate.js is a mobile-friendly, responsive, and lightweight jQuery date & time input picker.

Use .pickadate class for basic Pick-A-Date Picker.
Use .pickadate-short-string class for short Month & Week String.
Use .pickadate-select-year class to allow user to select year.
Use .pickadate-firstday class to change first weekday to Monday.
Use .pickadate-buttons class to change/hide buttons.
Use .pickadate-limits class to give selection from range of some dates.
Use .pickadate-format class to change date display formats.
Use .pickadate-arrow class to change date display formats.
Use .pickadate-translations class for language translation.
Disable certain days of the week, such as all Saturdays (7th day of week) and Sundays (1st day of week), by passing an integer between 1 and 7
Pass an array of arbitrary dates (each formatted as [ yyyy, mm, dd ]) to disable them..
Use .pickadate-selectors class to set month & year selectable.
Use .pickadate-dropdown class to set select to month and year selection
Use .pickadate-events class to check events as the user interacts with the picker.
Use .pickadate-minmax class for language translation.
Use .pickadate-nativ class to change date display formats.

Pick-A-Time Picker

Use .pickatime class for basic Pick-A-Date Picker.
Use .pickatime-button class to hide clear button.
Use .pickatime-format class to change time display formats.
Use .pickatime-formatTime class to display time format.
Use .pickatime-formatlabel class to display time label format.
Use .pickatime-minmax class for Start Time & End Time.
Show previous 5 time limits and also shows current time Limit.
Use .pickatime-intervals class to display time in Intervals.
Disable a specific or arbitrary set of times selectable on the picker.
Using integers as hours (0 to 23)
Using objects as a range of times
Enable only a specific or arbitrary set of times by setting true as the first item in the collection
When a time is selected or the "clear" button is pressed, the picker closes.
The onSet event is the only callback that is passed a context argument that provides details as to which properties are being "set".