Unobtrusive JavaScript date-picker widgit

Keyboard access

N.B. Full keyboard access will not work in Opera due to it's inbuilt spatial navigation feature.

= day navigation

Ctrl + = next year

Ctrl + = previous year

Ctrl + = next month

Ctrl + = previous month

Space = todays date

Esc = close date-picker (no date selected)

Return = select highlighted date and close date-picker

2 - 7 = select the corresponding day as the first day of the week (numpad or regular keyboard)

Click and hold the next/previous buttons to activate the timed counter i.e. there's no need to repeatedly click the buttons.

Single Input DatePicker test

class=“format-d-m-y highlight-days-67”

Split Input DatePicker test

class="highlight-days-67 range-low-11-08-2006 range-high-13-09-2007 disable-days-12 split-date"

/ /

Create New Input

View the related “language in the lab” post for this demo.