将数组添加到 Bootstrap DateTimePicker 选项

Question

我正在尝试禁用 eonasdan 发现的 Bootstrap 日期时间选择器中的某些日期 here。

我可以手动添加一组日期，然后这些日期会被禁用，但我不知道如何将动态创建的数组添加到此选项中。

这是我的代码：

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

有没有办法将 variables/arrays 添加到这样的对象中？

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 选项

Add an array into Bootstrap DateTimePicker options

javascript

jquery

datetimepicker

eonasdan-datetimepicker