The wwDatePicker Control

Home | Reload Page
This simple date picker control is based on the jquery UI date picker control. The control relies on jQuery and jquery.ui. The control implementation wraps both jQuery and jQuery-ui date picker control's resources internally so the control is fully self-contained with overrides for external references of all resources.

For the samples click on the date selection buttons and pick a date from the picker, or use the T key to pick Today, + and - to add or subtract a day, M and H (to add or subtract a month) to navigate the textbox date with keys.

Text Box AutoPopup:

This version pops up the calendar on field activation:

Enter Date:

Image Button Popup:

This version shows a calendar image button to click on to pop up the calendar:

Enter Date:

Plain Button Popup:

Basic popup button version of the Calendar.

Enter Date:

Date Popup in a Modal Dialog

This example demonstrates that the date picker automatically pops up above all other content including modal overlays and a 'dialog window'.

Inline Calendar:

You can also pop up the calendar inline. This version tracks the calendar SelectedValue and reassigns it on PostBack operations.




The controls are PostBack aware so they will persist their values across postbacks.