ajaxToolkit:CalendarExtender时间组件

Question

我正在使用带有TextBox的ajaxToolkit:CalendarExtender，我希望用户也能够输入时间组件。

做这件事最好的方法是什么？

Answer 1

“强制”AjaxControlToolKit CalendarExtender使用时间组件的一种方法是使用OnClientDateSelectionChanged和JavaScript追加它。

<ajaxToolkit:CalendarExtender ID="ce1" runat="server" PopupButtonID="calImg" Enabled="true" Format="dd/MM/yyyy" TargetControlID="txtLeft" PopupPosition="TopRight" OnClientDateSelectionChanged="AppendTime"></ajaxToolkit:CalendarExtender>

和

<script language="javascript" type="text/javascript">
        //this script will get the date selected from the given calendarextender (ie: "sender") and append the
        //current time to it.
        function AppendTime(sender, args){
            var selectedDate = new Date();
            selectedDate = sender.get_selectedDate();
            var now = new Date();
            sender.get_element().value = selectedDate.format("dd/MM/yyyy") + " " + now.format("HH:mm");
        }
    </script>