Question

我正在使用Ajax Control Toolkit Calendar Extender控件。在某些领域虽然我想显示时间和日期。我试过将格式设置为“dd / MM / yyyy hh：mm：ss”，但时间部分被删除了。如果用户想要更改时间部分，他们可以手动执行，则日历下拉列表仅用于更改日期部分。

是否有任何变通方法或替代方法可以使其正常工作？

Answer 1

我有类似的问题，我打算使用日期字段和相关的时间下拉列表（以1/2小时为增量）。用户可以使用日历控件在日期字段中设置日期，然后下拉到有效时间。我计划在下拉时选择一个选项，如果它是“全天”事件，则为“不关心”。

[编辑]我发现这个jquery plugin我最终可能会使用。我还在Gaia DateTimePicker的答案中找到了this post的链接（现在看起来已被删除，可能是因为OP要求WPF控件，而不是Web控件）。

Answer 2

Ra-Ajax Calendar将在即将到来的星期五（2008年11月28日）推出TIME支持，并获得LGPL许可......

Answer 3

基于CalendarExtender，您可以将格式设置为＆＃34; MM / dd / yyyy＆＃34;。用户在日历中选择日期后，将返回例如04/28/2009。在所选日期事件中，您可以在返回日期之后附加当前时间。

OnClientDateSelectionChanged =＆＃34; dateselect＆＃34;

    function dateselect(ev)
    {
        var calendarBehavior1 = $find("Calendar1");
        var d = calendarBehavior1._selectedDate;
        var now = new Date();
        calendarBehavior1.get_element().value = d.format("MM/dd/yyyy") + " "+now.format("HH:mm:ss")
    }

Answer 4

将时间组件添加到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 tt");
    }
    </script>

ASP Ajax Calendar Extender和显示时间

4 个答案: