Introduction:
In this article I will explain how to use Ajax Calendar extender control in asp.net and how to change date format in ajax calendar control and display calendar control when click on image button in asp.net.
Description:
Previously I explained many articles relating to Ajax. Now I will explain how to use ajax calendar extender control in asp.net and change date format and display calendar control when click on image button in asp.net. Before proceed to implement this have you install ajaxcontroltoolkit in visual studio or not if not install it otherwise if you already done then follow the below steps to use Ajax calendar extender control example in asp.net.
First create one new website and add AjaxControlToolkit reference to your application after that write following line in your aspx page
In this article I will explain how to use Ajax Calendar extender control in asp.net and how to change date format in ajax calendar control and display calendar control when click on image button in asp.net.
Description:
Previously I explained many articles relating to Ajax. Now I will explain how to use ajax calendar extender control in asp.net and change date format and display calendar control when click on image button in asp.net. Before proceed to implement this have you install ajaxcontroltoolkit in visual studio or not if not install it otherwise if you already done then follow the below steps to use Ajax calendar extender control example in asp.net.
First create one new website and add AjaxControlToolkit reference to your application after that write following line in your aspx page
<%@ Register Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit" tagPrefix="ajax" %>
Once we add above references design your aspx page will be likes this
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajax" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Ajax Calendar extendar control exmaple in asp.net</title>
</head>
<body>
<form id="form1" runat="server">
<ajax:ToolkitScriptManager ID="toolkit1" runat="server"></ajax:ToolkitScriptManager>
<table>
<tr>
<td><b>Select Date:</b></td>
<td>
<asp:TextBox ID="txtDate" runat="server" />
<ajax:CalendarExtender ID="CalendarExtender1" TargetControlID="txtDate" Format="dd/MM/yyyy"runat="server">
</ajax:CalendarExtender>
</td>
</tr>
<tr>
<td><b>Select Date</b></td>
<td>
<asp:TextBox ID="txtDate1" runat="server"/> <asp:ImageButton ID="imgbtnCalendar" runat="server"ImageUrl="~/Calendar.png" />
<ajax:CalendarExtender ID="CalendarExtender2" TargetControlID="txtDate1"PopupButtonID="imgbtnCalendar" runat="server" />
</td>
</tr>
</table>
</form>
</body>
</html>
|
If you observe above code I define some of properties to ajax:CalendarExtender now I will explain all the properties of Ajax rating control
TargetControlID – The ID of control which is used to show calendar control when click on textbox or calendar image icon.
PopupButtonID – This property is used to set ID of control which is used to show calendar control when click on it.
PopupPosition – This property is used to indicate position of the calendar control when clicked on textbox.
SelectedDate – This property is used to set date of calendar control which is initially showed.
Demo
 |
If you want to change style of Ajax calendar extender check this post Change Style of Ajax Calendar Control Extender in asp.net
No comments:
Post a Comment