如何在引导 datetimepicker 中限制 Min-Max 时间答案

【问题标题】：How to limit Min-Max Time in bootstrap datetimepicker如何在引导 datetimepicker 中限制 Min-Max 时间
【发布时间】：2015-03-09 11:08:58
【问题描述】：

如何限制

我正在尝试限制用户可以从此插件中选择的时间：https://github.com/Eonasdan/bootstrap-datetimepicker

我在这个网站和谷歌上搜索过类似的问题，但用户通常要求验证在一个已知时期和另一个已知时期之间工作。例如 9:00 - 21:00 2015/03/09 9:00 - 2015/03/10 21:00。如果用户输入 2015/03/09 23:00 验证将通过此验证，因为时间在这两个最小/最大周期内。

我需要它像预订系统一样工作，以便在这些时间之间限制每一天。例如，如果用户选择 2015/03/09 23:00 或 2015/03/10 5:00，则验证不会通过，只会在 9:00 和 21:00 之间的任何一天通过。

    $('.datetimepicker').datetimepicker({
       stepping: 30,
       minDate: moment({hour: 9, minute: 30}),
       format: 'YYYY-MM-DD HH:mm'
    });

这从上午 9:30 开始今天的最小日期，但如果我要选择今天之后的任何一天，我将能够选择例如凌晨 4 点 - 上午 9:30 以下的任何时间

【问题讨论】：

标签： javascript jquery twitter-bootstrap validation logic

【解决方案1】：

使用 enabledHours 属性：

$('.datetimepicker').datetimepicker({
   stepping: 30,
   enabledHours: [9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20],
   format: 'YYYY-MM-DD HH:mm'
});

这样，它应该允许 9:00 到 20:30 之间的任何时间，但不允许从 21:00 开始的任何时间。更多信息请访问http://eonasdan.github.io/bootstrap-datetimepicker/Options/#endisabledhours。

【讨论】：