2017-04-02 100 views
0

我試圖通過eonasdan發現here禁用Bootstrap Date Time Picker中的某些日期。將數組添加到Bootstrap DateTimePicker選項

我能夠手動添加一個日期數組,然後成爲禁用,但我無法弄清楚如何將動態創建的數組添加到此選項。

這裏是我的代碼:

noDates = ['31/03/2017', '19/04/2017', '20/04/2017', '25/04/2017']; 

// Just for testing 
console.log(noDates); 

// Studio 1 datepicker 
$('#datetimepicker1').datetimepicker({ 
    // Date format 
    format: "DD/MM/YYYY", 
    // Show calendar when user clicks input field 
    allowInputToggle: true, 
    // Minimum date is today's date 
    minDate: new Date(), 
    // Disabled Dates 
    disabledDates: noDates 
}); 

凡說disabledDates: noDates我能手動寫出來的日期,就像這樣:

disabledDates: [ 
    "03/31/2017", 
    "04/19/2017", 
    moment("04/20/2017"), 
    moment("04/25/2017") 
] 

我也曾嘗試以下操作:

$('#datetimepicker1').data('DateTimePicker').disabledDates(noDates); 

但是,這給了我錯誤:

Uncaught TypeError: Cannot read property 'disabledDates' of undefined 

有沒有辦法將變量/數組添加到像這樣的對象?

回答

1

問題是與您的日期,更具體的格式:

錯誤:

var noDates = ['31/03/2017', '19/04/2017', '20/04/2017', '25/04/2017']; 

OK:

var noDates = ['2017-03-31', '2017-04-19', '2017-04-20', '2017-04-25']; 
+0

對不起,你可以給我一點點的解釋嗎?我看到的與我的代碼唯一的區別是'var',但添加它時沒有什麼區別? –

+0

令人驚歎!非常感謝!這讓我想知道:如何將精確的數組添加到datetimepicker函數中,但我無法使用變量來完成它? –

+0

'disabledDates'需要一個數組。 –