Unobtrusive JavaScript date-picker widgit (v2)

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.

DatePicker test

The following date-pickers have a specified date range of 11/08/2006 to 13/09/2007. Dates outside of this range are unselectable.

The days Monday and Tuesday have also been specified as being unselectable.

View the page source should you wish to know how the new input boxs are created.

The datePicker should also fully cover the selectList in Internet Explorer when activated.

/ /

Create New Input

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