bootstrap-4 - tempusdominus 4 多选种群

Question

我正在尝试使用多个日期初始化我的 DateTimepicker。我可以使用特定日期进行初始化，但不能使用多个选项。

var selectedDates = ["12/1/2019","11/1/2019"];
    $(function () {
                $('#holidayPicker').datetimepicker({
                    format: 'L',
                    allowMultidate: true,
                    multidateSeparator: ' ',
                    minDate: "<?php echo $startDate->format('Y-m-d');?>",
                    maxDate: "<?php echo $endDate->format('Y-m-d');?>",
                   //   setDate: [new Date(2019, 0, 4),new Date(2019, 0, 5)]
                    useCurrent: false,
                    //date: new Date(2019, 0, 4),
                    setDate: selectedDates,
                });
            });

我已经尝试过的：

• 使用 setDate 一个日期和字符串数组
• 日期和多个字符串或多个日期作为字符串
• 直接覆盖输入字段的值属性

有人有想法吗？

Answer 1

我设法在源代码中找到了一个允许您直接设置日期的函数。您必须直接访问 datetimepicker 对象才能使用它。

代码片段：

var $el = ('#your-element');
// Initialize datepicker.
$el.datetimepicker({
    inline: true,
    format: 'DD-MM-YYYY',
    allowMultidate: true,
    useCurrent: false // Prevents selection of current date
});

// Get the object directly from the data attribute.
// @see https://learn.jquery.com/jquery-ui/widget-factory/widget-method-invocation/
var prefill = ['01-15-2019', '01-16-2019'];
var plugin = $el.data('datetimepicker');
for(let i = 0; i < prefill.length; i++) {
    // Set the dates as active. You can optionally pass your own moment object as the first argument.
    plugin.date(prefill[i], i);
}