How to show date picker(calender) when text box click in asp.net

http://www.aspdotnet-suresh.com/2012/04/jquery-ui-datepickercalendar-example-in.html[^]

http://blog.divergencehosting.com/2009/03/11/create-popup-date-picker-using-aspnet-calendar-control/[^]

First we have to add AJAX Control Toolkit in project references.

We need to register the AJAX Control Toolkit on the page.

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

Below is the HTML Markup which consists of a TextBox, an ImageButton and an ASP.Net AJAX CalendarExtender control.

<cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">

<asp:TextBox ID="txtDate" runat="server" ReadOnly="true">
<asp:ImageButton ID="imgPopup" ImageUrl="images/calendar.png" ImageAlign="Bottom"
runat="server" />
<cc1:CalendarExtender ID="Calendar1" PopupButtonID="imgPopup" runat="server" TargetControlID="txtDate"
Format="dd/MM/yyyy">

<asp:TextBox ID="txtSelectDate" runat="server" TextMode="Date"></asp:TextBox>

<asp:TextBox Text="demo" ID="TextBox6" runat="server" /> <asp:ImageButton ID="imgPopup" ImageUrl="images/calendar_icon.png" ImageAlign="Bottom" OnClick="show_date"
runat="server" /><asp:Calendar id="Calendar1" Visible="false" onselectionchanged="Date_Selected" runat="server" />

--------------------

Sub Date_Selected(ByVal sender As Object, ByVal e As EventArgs)
        TextBox6.Text = Calendar1.SelectedDate.ToShortDateString
        Calendar1.Visible = "false"

    End Sub

    Sub show_date()
        If Calendar1.Visible = "true" Then
            Calendar1.Visible = "false"
        Else
            Calendar1.Visible = "true"
            TextBox6.Text = ""
        End If

    End Sub