CalendarExtender使用Javascript更改日期

Question

我的页面上有一个CalendarExtender控件,有时需要将日期更改为下一个星期日.我目前正在使用控件的OnClientDateSelectionChanged属性来调用一个函数,该函数将在日期之前添加几天直到它的星期日.

我遇到的问题是,如果我在日历中选择星期二,文本框将显示下一个星期日,但日历中的选定日期仍然是星期二.

如何更新CalendarExtender以使新的日期具有我在javascript中选择的日期？CalendarExtendar连接的文本框显示正确的日期...

Answer 1

改变作为文本框的值的TargetControlID为CalendarExtender牵动选择的日期,如果满足以下2个条件:

1. 一个平变化事件是在文本框烧制(通过手动改变所述文本或通过调用的显式的JavaScript fireEvent()方法.
2. 该格式在文本框中输入的日期相匹配由CalendarExtender控制使用的格式相同.

话虽这么说,处理这个问题的正确方法是调用set_selectedDate()CalendarExtender控件的功能.这一次调用不仅可以在日历上设置所选内容,还可以同时在"目标"文本框中设置所选内容.

这是示例代码:

<cc1:CalendarExtender ID="CalendarExtender1" runat="server" 
        OnClientDateSelectionChanged="dateSelectionChanged" 
        TargetControlID="txtDate" PopupButtonID="imgCalendar">
</cc1:CalendarExtender>

<script type="text/javascript">
  function dateSelectionChanged(sender, args){
    selectedDate = sender.get_selectedDate();
    /* replace this next line with your JS code to get the Sunday date */
    sundayDate = getSundayDateUsingYourAlgorithm(selectedDate); 
    /* this sets the date on both the calendar and textbox */
    sender.set_SelectedDate(sundayDate); 
 }
</script>