如何限制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 。