jQuery datepicker in asp net



jQuery datepicker in asp net

jQuery datepicker in asp net

Link for all dot net and sql server video tutorial playlists
https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1

Link for slides, code samples and text version of the video
http://csharp-video-tutorials.blogspot.com/2015/06/jquery-datepicker-in-aspnet.html

Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.
https://www.youtube.com/channel/UC7sEwIXM_YfAMyonQCrGfWA/?sub_confirmation=1

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
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

Comments are closed.