Support us .Net Basics C# SQL ASP.NET Aarvi MVC Slides C# Programs Subscribe Download

jQuery datepicker in

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

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

jquery datepicker in example

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

Drag and drop a textbox control
<asp:TextBox ID="txtDate" runat="server">

In the jQuery ready function, call the datepicker() function

For the complete list of options that are available to customize the datepicker widget

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

jQuery tutorial for beginners

1 comment:

  1. Hi, i used the jQuery date picker and i work fine but when i post the form it displays error field xyz value must be of a date type


It would be great if you can help share these free resources