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
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
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
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](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpbHOlrzMopSZrTudCeZtTXAy0FmaBI5296DJfj-8dlUmwxg3FQ0DGlIu4QxtFPhDnHwPdH2OTVeIrR3GzxjEhLkNLAPffLKiRLXLGe9Ka6mdjNeT-LjOUoUgowqiEr0KkFFKir0cEfLA/s1600/jquery+datepicker+in+asp.net+example.png)
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](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTGbPh9ed4-oYnlQB_HmpxQOp9BQOcdBzY7319yMzZXAcxxni3AejPQpqdsyYxFsQgr7k3WLoBxGp0TwphNMspFXB466KpbIu9IdLvnGeNV8PW60OsPx1iDKbDcFNZJgI_UySn1ApR9vQ/s1600/jquery+tutorial.png)
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