Yet Another Datepicker Demo

Keyboard Controls

Tab to the activation button and press Enter to launch a keyboard aware datepicker control.

Day navigation
Page UpPrevious month
Page DownNext month
Ctrl + page upPrevious year
Ctrl + page downNext year
SpaceToday’s date
EscClose datepicker (without selecting date)
ReturnSelect highlighted date and close datepicker
27Select the corresponding day as the first day of the week
Demo #1
Demo #2
Demo #3 / /
Demo #4

Note: the high & low ranges will be automatically calculated by the script when a select list is used to represent the year date part, so there’s no need to set a rangeLow or rangeHigh when creating the datepicker.

Demo #5
Demo #6

Note: the high & low ranges will be automatically calculated by the script when a select list is used to represent the year date part, so there’s no need to set a rangeLow or rangeHigh when creating the datepicker.

Demo #7

Note: the high & low ranges will be automatically calculated by the script when a select list is used to represent the year date part, so there’s no need to set a rangeLow or rangeHigh when creating the datepicker.

Demo #8
Demo #9
Demo #10
Demo #11
Fork me on GitHub