jQuery datepicker in asp.net

Suggested Videos
Part 74 - jQuery accordion in asp.net
Part 75 - jQuery accordion using asp.net repeater control
Part 76 - jQuery tabs in asp.net



The jQuery UI Datepicker is a highly configurable plugin that adds datepicker functionality to your pages.





It is very easy to implement datepicker functionality in an asp.net web form using jquery.

Drag and drop a textbox control

<asp:TextBox ID="txtDate" runat="server">

</asp:TextBox>

In the jQuery ready function, call the datepicker() function
$('#txtDate').datepicker();

For the complete list of options that are available to customize the datepicker widget
http://api.jqueryui.com/datepicker

Some of the useful options

Option	Description
appendText	The text to display after date field
showOn	When the datepicker should appear. The datepicker can appear when the field receives focus ("focus"), when a button is clicked ("button"), or when either event occurs ("both")
buttonText	The text to display on the trigger button
dateFormat	The date format
showWeek	show week number of the year
numberOfMonths	The number of months to show at once
changeMonth	Whether the month should be rendered as a dropdown instead of text
changeYear	Whether the year should be rendered as a dropdown instead of text
minDate	The minimum selectable date. When set to null, there is no minimum
maxDate	The maximum selectable date. When set to null, there is no maximum

Localization : To localize the datapicker reference the corresponding localization file. Localization files can be found at the following URL
https://github.com/jquery/jquery-ui/tree/master/ui/i18n