0

我使用引導程序datetimepicker構建我的日期&時間選擇器。在初始化後設置選項時,datetimepicker中的disabledTimeIntervals不起作用

我把我的時間選擇在頁面初始化以下內容:

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

我想這取決於從集成的數據恢復到設定時間選擇分鐘&最大時間。

$.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

您必須使用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)]    
     ]}); 
    }, 
});