jQuery UI Datepicker ASP.NET Control

Home Home | Reset Page 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.