如何为 Kendo Datetimepicker 设置最小最大可选时间?
How can I set min max selectable time for Kendo Datetimepicker?
我尝试使用 Kendo Datetimepicker 的配置来设置最短时间开始于 09:00 AM。
如下:
$("#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 或任何其他日期。
我希望此 Kendo Datetimepicker 的范围介于 09:00 AM 到 11:00 PM 之间。
请帮忙。
谢谢。
更新
这个问题解决了:我引用了Setting DateTimePicker to show specific time range e.g. working hours only
<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>
请注意,您应该提供 min
和 max
范围内的 value
。
有关详细信息,请参阅上面的嵌入式链接。
感谢@Erik,这是一个 demo fiddle。
更新
如果你想要的是将时间 9-23 限制在 多 天,那么有一个很好的答案 here that demos it here
我尝试使用 Kendo Datetimepicker 的配置来设置最短时间开始于 09:00 AM。
如下:
$("#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 或任何其他日期。
我希望此 Kendo Datetimepicker 的范围介于 09:00 AM 到 11:00 PM 之间。
请帮忙。
谢谢。
更新 这个问题解决了:我引用了Setting DateTimePicker to show specific time range e.g. working hours only
<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>
请注意,您应该提供 min
和 max
范围内的 value
。
有关详细信息,请参阅上面的嵌入式链接。
感谢@Erik,这是一个 demo fiddle。
更新
如果你想要的是将时间 9-23 限制在 多 天,那么有一个很好的答案 here that demos it here