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

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.



jquery datepicker in asp.net example

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

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

    ReplyDelete

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