如何在引导日期时间选择器中限制最小-最大时间

How to limit Min-Max Time in bootstrap datetimepicker

本文关键字：时间 选择器 日期      更新时间：2023-09-26

如何限制

我正在尝试限制用户可以从此插件中进行选择的时间：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 以下的任何时间

使用 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。

相关文章：