设置bootstrap timepicker的开始时间和结束时间

Question

我正在使用bootstrap timepicker，我需要它才显示时间仅在上午10点到晚上10点之间。我已经检查了选项，似乎没有选择。有没有其他方法我错过了这个？

Answer 1

我找到了一种方法来设置bootstrap timepicker的开始时间和结束时间。添加以下代码将使其正常工作。在我的代码中，它显示从上午10点到晚上10点。

$('#timepicker').timepicker().on('changeTime.timepicker', function (e) {

    var hour = e.time.hours;
    if (e.time.meridian === "PM" && hour !== 12) {
        hour += 12;
    }
    hour += (e.time.minutes / 100);
    if (hour < 10) {
        $('#timepicker').timepicker('setTime', '10:' + e.time.minutes + ' AM');
    }
    else if (hour > 22) {
        $('#timepicker').timepicker('setTime', '10:' + e.time.minutes + ' AM');
    }
});

Answer 2

您可以将数组disabledTimeIntervals传递给日期选择器。 例如：

$('#mydatepicker').datetimepicker( {
disabledTimeIntervans :
    [
    [moment().hour(0), moment().hour(10).minutes(00)],
    [moment().hour(0), moment().hour(22).minutes(00)]
    ]
});