如何在单个页面中使用多个 ajax 日历

Question

我正在尝试使用日历插入日期。不幸的是，我必须使用多个日历。为了从日历中提取日期，我正在使用Ajax工具包

`<cc1:ToolkitScriptManager ID="ToolkitScriptManager1"  EnableScriptGlobalization="true" EnableScriptLocalization="true" runat="server">
</cc1:ToolkitScriptManager>
<asp:TextBox ID="DateOfPurchase" runat="server"  Height="30px" ReadOnly="true" Width="262px"></asp:TextBox>
<asp:ImageButton ID="imgPopup" ImageUrl="images/index.jpg" ImageAlign="Bottom"
runat="server" Height="27px" Width="37px" />
<cc1:CalendarExtender ID="Calendar1" PopupButtonID="imgPopup" runat="server" TargetControlID="DateOfPurchase"
Format="dd/MM/yyyy">
</cc1:CalendarExtender>`

所以每当我添加多个<cc1:ToolkitScriptManager ID="ToolkitScriptManager1" EnableScriptGlobalization="true" EnableScriptLocalization="true" runat="server"> </cc1:ToolkitScriptManager>我的程序显示错误。 如果我只使用一个 ToolkitScriptManager 和多个 Ajax 日历控件，则只单击一个图像按钮来显示日历，页面上的所有日历都会弹出。

Answer 1

每个日历扩展器必须有自己的ID

<asp:ImageButton ID="imgPopup1" ImageUrl="images/index.jpg" ImageAlign="Bottom"
runat="server" Height="27px" Width="37px" />
<cc1:CalendarExtender ID="Calendar1" PopupButtonID="imgPopup1" runat="server" TargetControlID="DateOfPurchase1"
Format="dd/MM/yyyy">
</cc1:CalendarExtender>`

<asp:ImageButton ID="imgPopup2" ImageUrl="images/index.jpg" ImageAlign="Bottom"
runat="server" Height="27px" Width="37px" />
<cc1:CalendarExtender ID="Calendar2" PopupButtonID="imgPopup2" runat="server" TargetControlID="DateOfPurchase2"
Format="dd/MM/yyyy">
</cc1:CalendarExtender>`