Bootstrap日期时间选择器选项，每半小时选择一次

Question

有没有办法让bootstrap日期时间选择器只向我显示代表半小时间隔的选项？ （8:00; 8:30; 9:00; 9:30; ...）

此外，我想知道是否有办法限制时间间隔（例如从上午8:00到下午18:00开始）。

Answer 1

您可以使用stepping参数设置时间间隔，同时可以使用enabledHours来限制有效时段。假设＆＃34; datetimepicker＆＃34;是您的组件的ID，您可以按如下方式初始化它：

$('#datetimepicker').datetimepicker({
    stepping: 30,
    enabledHours: [8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18]
});

您可以在official documentation of the library

中找到更多信息

Answer 2

对我而言，它有效： -

$('.datetimepicker').datetimepicker({ autoclose:true, minuteStep: 30, hoursDisabled: [19, 20, 21, 22, 23, 00, 1, 2, 3, 4, 5, 6, 7] });