Question

I need to add a calendar control with its associated buttons in asp.net with C#.

I have the code as below.

<asp:TextBox ID="txtDateFrom" CssClass="text-small" runat="server"
             BorderWidth="1px" ToolTip="Click to choose date"></asp:TextBox>
<asp:Label ID="lblFromError" CssClass="Error" runat="server"
           Text="*" Visible="False"></asp:Label>
<asp:Label ID="lblTo"  runat="server" Text="To" ForeColor="Black"></asp:Label>
<asp:CalendarExtender ID="txtDateFrom_CalendarExtender" runat="server"
                      TargetControlID="txtDateFrom"
                      Format="yyyy-MM-dd" TodaysDateFormat="yyyy d, MMMM">
</asp:CalendarExtender>

Answer 1

You will need to add an ImageButton and set the CalendarExtender‘s PopupButtonID property to the ID of the ImageButton.

This is from the AjaxControlToolkit’s sample web site:

<ajaxToolkit:ToolkitScriptManager runat="Server" ID="ScriptManager1" />

<b>Calendar with an associated button:</b><br />
<asp:TextBox runat="server" ID="Date5" />
<asp:ImageButton runat="Server" ID="Image1"
  ImageUrl="~/images/Calendar_scheduleHS.png"
  AlternateText="Click to show calendar" /><br />
<ajaxToolkit:CalendarExtender ID="calendarButtonExtender" runat="server"
  TargetControlID="Date5" PopupButtonID="Image1" />