Question

我试图通过发现here的eonasdan来禁用Bootstrap日期时间选择器中的某些日期。

我能够手动添加一系列日期然后被禁用，但我无法弄清楚如何将动态创建的数组添加到此选项中。

这是我的代码：

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

有没有办法将变量/数组添加到这样的对象中？

Answer 1

问题在于您的日期，更具体的格式：

错：

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

行：

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

将数组添加到Bootstrap DateTimePicker选项

1 个答案: