♠ Posted by uvesh in Ajax calender extender
ASP.NET AJAX Calender Extender use for the get selected date in particular control like textbox,Image button or button.
Step 1: First of all you need download ajax control toolkit from http://ajaxcontroltoolkit.codeplex.com/ and add in your project Bin Folder by right click on Bin Folder And select add reference.
then add following code in web.config file of asp.net project or website:
<pages>
<controls>
<add tagPrefix="asp" namespace="System.Web.UI" assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
<add tagprifix="ajaxToolkit" namespace="AjaxControlToolkit" assembly="AjaxControlToolkit"/>
</controls>
</pages>
OR
You can add it on page like as follow:
OR
You can add it on page like as follow:
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
Step 2: Add ToolScriptManager as follow:
<ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</ajaxToolkit:ToolkitScriptManager>
Step 2: Add One text box on your page as follow:
<asp:TextBox ID="txtDate" runat="server" ReadOnly="true"></asp:TextBox>
Step 3: Add One Image Button on your page as follow:
<asp:ImageButton ID="imgPopup" ImageUrl="images/calendar.png" ImageAlign="Bottom"
runat="server" />
Step 4: Now add Ajax calendarextender tag as follow:
<ajaxToolkit:CalendarExtender ID="Calendar1" PopupButtonID="imgPopup" runat="server" TargetControlID="txtDate"
Format="dd/MM/yyyy">
</ajaxToolkit:CalendarExtender>
OutPut As Follwo:
Improve Your Answer as comment below.
If our post is useful please share and comment on our post for more post and detail Visit :
http://aspdotnethelpmaster.blogspot.in/
