ajax calendar extender example in asp.net or how to use ajax calendar extender in asp.net

Ajax calendar extender example in asp.net or how to use Ajax calendar extender in asp.net.

Introduction:

In this example iam going to explain using calender extender example in asp.net
If you want to check all the example in my site please check this link Ajax all extenders examples and also you check my previous example Ballon popup extender



calendar extender example

Description:
The Calendar is an ASP.NET AJAX extender that can be attached to any ASP.NET TextBox control. It provides client-side date-picking functionality with customizable date format and UI in a popup control. You can interact with the calendar by clicking on a day to set the date, or the "Today" link to set the current date.

When Ever You Want to Use Ajax Controls in your website First you need Add AjaxControlToolkit reference to your application

<%@ Register Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit" tagPrefix="ajax" %>

 You can Change TagPrefix Also,Some Exaples tagPrefix="ajax", tagPrefix="cc1",tagPrefix="asp"

And also you have to add Tool kit Scriptmanager Control under <Form> tag:

<ajax:ToolkitScriptManager ID="toolkit1" runat="server"></ajax:ToolkitScriptManager>.

TargetControlID – The ID of control which is used to show calendar control when click on textbox or calendar image icon.

Aspx Page coding :
 

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        </asp:ToolkitScriptManager> 
 
         <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
               <asp:CalendarExtender ID="CalendarExtender1" runat="server"
          TargetControlID="TextBox1" Format="dd/MM/yyyy">
          </asp:CalendarExtender>  
        
    </div>
    </form>
</body>
</html>