jQuery Date Picker
Home
|
Docs
|
Support
|
WebLog
|
Purchase
|
Contact us
jQuery UI Datepicker ASP.NET Control
Home
|
Reset Page
|
Page created: 5/24/2012 5:13:38 AM
This page is a sample of an ASP.NET wrapper control for
jQuery.Ui DatePicker
control that is part of the jquery.ui library. The control relies on jQuery and jQuery UI Datepicker. The control implementation wraps both
jQuery
and jQuery UI Datepicker's resources internally so the control is fully self-contained with overrides for external references of all resources.
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. Note this date picker is also restricted to between the last 30 and next 30 days.
The controls are PostBack aware so they will persist their values across postbacks.
Modal Dialog Date Entry
When clicking the date box the jquery date picker should pick up ontop of the modal overlay and the dialog automatically as the control automatically pops to the top of the zOrder.
Please enter a date: