Different Date Pickers in ASP.Net


.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ASPDatePicker.aspx.cs"
    Inherits="DatePicker.ASPDatePicker" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <!--First -->
    <link href="css/CalendarControl.css" rel="stylesheet" type="text/css" />
    <script src="JavaScript/CalendarControl.js" type="text/javascript"></script>
    <!--Second -->
    <link rel="stylesheet" href="stuff/themes/base/jquery.ui.all.css" type="text/css"
        media="all" />
    <script type="text/javascript" src="stuff/jquery-1.7.2.js"></script>
    <script type="text/javascript" src="stuff/ui/jquery.ui.core.js"></script>
    <script type="text/javascript" src="stuff/ui//jquery.ui.widget.js"></script>
    <script type="text/javascript" src="stuff/ui/jquery.ui.datepicker.js"></script>
    <link rel="stylesheet" href="stuff/smoothness/demos.css" type="text/css" media="all" />
    <script type="text/javascript">
        $(function () {
            $("#datepicker").datepicker({
                changeMonth: true,
                dateFormat: "dd/M/yy", //date format use mm for month number and MM for month full name and M for month short name.yy gives 4 digit year

                maxDate: null, //add maximum date ('y' for years, 'm' for months, 'w' for weeks, 'd' for days, e.g. '+1m +1w'), or null for no limit and +0d is for not greater than today.
                firstDay: 0, //1 for Monday and 0 for Sunday as starting day
                //                showOn: "button",
                //                buttonImage: "../stuff/calendar.gif",
                //                buttonImageOnly: true,
                changeYear: true
            });
        });
    </script>
    <!--Ajax -->
    <script type="text/javascript">
        function checkDate(sender, args) {
            if (sender._selectedDate > new Date()) {
                alert("Please Check The Date.");
                sender._selectedDate = new Date();
                // set the date back to the current date
                sender._textbox.set_Value(sender._selectedDate.format(sender._format))
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="txtto" onfocus="showCalendarControl(this);" onkeydown="return false;"
            runat="server" Width="160px">
        </asp:TextBox>
    </div>
    <br />
    <div>
        <asp:TextBox ID="datepicker" onkeydown="return false;" runat="server" Width="160px">
        </asp:TextBox>
    </div>
    <br />
    <div>
        <asp:ScriptManager ID="ScriptManagerdate" runat="server">
        </asp:ScriptManager>
        <asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="dateajax"
            Format="dd/MMM/yyyy" OnClientDateSelectionChanged="checkDate">
        </asp:CalendarExtender>
        <asp:TextBox ID="dateajax" onkeydown="return false;" runat="server" Width="160px">
        </asp:TextBox>
    </div>
    </form>
</body>
</html>

 You Can Download the Working Code of Different Date Pickers in ASP.Net From here.