如何在單個頁面中使用多個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

每個CalendarExtender必須有自己的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>`