Steps for Implementation of Jquery Calendar  on Text Box

Thank you for reading this post, don't forget to subscribe!

Step 1: Add script to head Sectioncalendar

<script src=”js/jquery-1.js” type=”text/javascript”></script>
<script src=”js/jquery.ui.core.js” type=”text/javascript”></script>
<script src=”js/jquery.ui.datepicker.js” type=”text/javascript”></script>
<link href=”http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css” rel=”stylesheet” type=”text/css” />
<script type=”text/javascript”>
$(function () {
//Id of TextBox
$(“input[id$=txtDat]”).datepicker();
});
</script>

 

Step 2: Add controls to design page

<asp:TextBox ID=”txtDat” runat=”server”></asp:TextBox><span>(MM/DD/YYYY)</span>

 

Download Sample

JQuery Calendar