在初始化后设置选项时,datetimepicker中的disabledTimeIntervals不起作用

时间:2017-04-09 08:30:00

标签: twitter-bootstrap datetimepicker eonasdan-datetimepicker

我使用bootstrap datetimepicker来构建我的日期&时间选择器。

我在初始化页面时将我的时间选择器作为以下内容:

$('#PickupTime').datetimepicker({
    locale: 'en',
    format: 'hh:mm A',
    stepping: 30,
});

我想设置时间选择器min&最长时间取决于集成的数据返回。

$.ajax({
    url: url,
    data: data,
    method: 'post',
    success: function (result) {
        debugger;
        $('#PickupTime').datetimepicker({
            disabledTimeIntervals: [[moment().hour(0), moment().hour(8).minutes(30)], [moment().hour(20).minutes(30), moment().hour(24)]],               
        });    

    },
});

但我注意到disabledTimeIntervals没有用, 只有当我把它放在初始化函数中时,disabledTimeIntervals才有效。

1 个答案:

答案 0 :(得分:2)

您必须使用disabledTimeIntervals功能代替disabledTimeIntervals选项。

请注意,正如docs所说:

  

所有功能均可通过data属性访问,例如$('#datetimepicker').data("DateTimePicker").FUNCTION()

您的代码将是:

$.ajax({
    url: url,
    data: data,
    method: 'post',
    success: function (result) {
        debugger;
        $('#PickupTime').data("DateTimePicker").disabledTimeIntervals([
            [moment().hour(0), moment().hour(8).minutes(30)],
            [moment().hour(20).minutes(30), moment().hour(24)]             
        ]});
    },
});