同步Ajax Toolkit日曆擴展器

Question

我有兩個Ajax Toolkit日曆擴展器。其中一個是開始日期，另一個是相應的結束日期。我想要發生的是在開始日曆中選擇日期時，結束日曆將跳轉到該日期。這聽起來很簡單，但我一直很難做到這一點。

有人把我從痛苦中解救出來......有什麼辦法可以做到這一點？

Answer 1

在這裏你去這個工作對我來說

<asp:TextBox runat="server" ID="txt1" OnTextChanged="txt1_TextChanged" AutoPostBack="true"></asp:TextBox> 
<ajaxToolkit:CalendarExtender runat="server" ID="cal1" TargetControlID="txt1"></ajaxToolkit:CalendarExtender> 
<asp:TextBox runat="server" ID="txt2"></asp:TextBox> 
<ajaxToolkit:CalendarExtender runat="server" ID="cal2" TargetControlID="txt2"></ajaxToolkit:CalendarExtender> 

protected void txt1_TextChanged(object sender, EventArgs e) 
{ 
    cal2.SelectedDate = Convert.ToDateTime(txt1.Text); 
} 

，或者你可以做到這一點通過JavaScript我會建議使用jQuery雖然找到文本框，而不是使用直接的JavaScript

<asp:TextBox runat="server" ID="txt1" onchange="SetEndDate()"></asp:TextBox> 
<ajaxToolkit:CalendarExtender runat="server" ID="cal1" TargetControlID="txt1"></ajaxToolkit:CalendarExtender> 
<asp:TextBox runat="server" ID="txt2"></asp:TextBox> 
<ajaxToolkit:CalendarExtender runat="server" ID="cal2" TargetControlID="txt2"></ajaxToolkit:CalendarExtender> 

    <script type="text/javascript"> 
     function SetEndDate() 
     { 
      var txt1 = document.getElementById("txt1"); 
      var txt2 = document.getElementById("txt2"); 

      txt2.value = txt1.value 
     } 
    </script>