Asp.net JQuery Calendar Control

Asp.net Jquery Calendar Control.In Asp.net, you can use Jquery Calendar control for getting Date values from user. Benefit of using Jquery calendar control is that, it doesn't do post back when you select any date or while navigating months or year. As It’s Jquery calendar control, it supports all browsers. The main .Js files and CSS files are available at CDN server.

Add below JavaScript references and CSS in head section of the page where you want to use Jquery Calendar control.

<head>

    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.min.js"></script>

    <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.16/jquery-ui.min.js"></script>

    <link type="text/css" rel="Stylesheet" href="http://ajax.microsoft.com/ajax/jquery.ui/1.8.16/themes/redmond/jquery-ui.css" />

    <script type="text/javascript">
    
 $().ready(
 
 function(){
        
       $('#<%=FromDate.ClientID%>').datepicker();
       $('#<%=ToDate.ClientID%>').datepicker();
       
 });
  
 
    </script>

    <title>Asp.net datetime example</title>
</head>

Body of Aspx Page.

<body>
    <form id="form1" runat="server">
        <div>
            From Date:<asp:TextBox ID="FromDate" runat="server"></asp:TextBox>
            To Date:<asp:TextBox ID="ToDate" runat="server"></asp:TextBox>
        </div>
    </form>
</body>

Author

My name is Satalaj, but people call me Sat. Here is my homepage: . I live in Pune, PN and work as a Software Engineer. I'm former MVP in ASP.net year 2010.
Disclaimer: Views or opinion expressed here are my personal research and it has nothing to do with my employer. You are free to use the code, ideas/hints in your projects. However, you should not copy and paste my original content to other web sites. Feel free to copy or extend the code.
If you want to fight with me, this website is not for you.
 

I'm Satalaj.