【问题标题】:How can I set min max selectable time for Kendo Datetimepicker?如何为 Kendo Datetimepicker 设置最小最大可选时间?
【发布时间】:2017-12-14 17:20:41
【问题描述】:

我尝试使用 Kendo Datetimepicker 的配置来设置从上午 09:00 开始的最小时间。

如下:

    $("#txtAppt_Date").kendoDateTimePicker({
                    format: 'ddd M/d/yyyy h:mm tt',
                    min: new Date(2017, 0, 1, 9, 0, 0)
     });

但我只允许设置 2017-01-01 的时间。不适用于 2017-01-02 或任何其他日期。

我希望这个剑道日期时间选择器的范围在上午 9:00 到晚上 11:00 之间。

请帮忙。

谢谢。

更新 这个问题解决了:我引用了Setting DateTimePicker to show specific time range e.g. working hours only

【问题讨论】:

    标签: javascript jquery kendo-ui kendo-grid kendo-asp.net-mvc


    【解决方案1】:

    你可以设置min和max如下:

    <input id="datetimepicker" />
    <script>
    $("#datetimepicker").kendoDateTimePicker({
        value: new Date(2011, 0, 1, 9, 0, 0),
        min: new Date(2011, 0, 1, 9, 0, 0),
        max: new Date(2011, 0, 1, 23, 0, 0)
    });
    </script>
    

    注意,value 应在min 和max 的范围内。

    有关详细信息,请参阅上面的嵌入式链接。

    感谢@Erik,这是demo fiddle。

    更新
    如果您想要将时间限制在 多个 天,那么有一个很好的答案 here 演示它here

    【讨论】:

    • 请阅读我的问题。 2011 年 1 月 2 日凌晨 08:00 是行不通的!!
    • 自行尝试,除 2011 年 1 月 1 日以外的任何其他日期都没有最短时间(例如上午 8:00)。试试pick 2011-1-2 看看能不能选择07:00AM。
    • @SeongKim 您应该在min 和max 的范围内提供value。答案已更新
    • 为什么不make a fiddle 来摆弄它呢? :) @SeongKim 是对的。选择 2011-1-2 的时间时,再次更改最小值和最大值,值应始终在最小值和最大值的范围内。
    • @Tali 够公平! :)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-02-28
    • 1970-01-01
    • 2016-09-06
    • 1970-01-01
    • 1970-01-01
    • 2018-07-29
    相关资源
    最近更新 更多