如何限制bootstrap datetimepicker中的Min-Max Time

Question

如何限制

我试图限制用户从这个插件中选择的时间:https://github.com/Eonasdan/bootstrap-datetimepicker

我搜索过这个网站并谷歌搜索类似的问题,但用户通常要求验证在一个已知时期和另一个已知时期之间工作.例如2015年3月9日9:00至21:00 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之前的任何事情.

Answer 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。