jquery - Bootstrap 日期选择器中的多个日期

Question

我正在尝试在 Boostrap-Datepicker. 中选择多个日期

我已经初始化了日期选择器，很好。

$('#datepicker2').datepicker();

现在我想要select multiple dates在日历上:

$('#datepicker2').datepicker('setDate', [new Date(2014, 2, 5),new Date(2014, 3, 5)]);

它不工作。没有记录任何错误，但未选择日期。

<小时/>

编辑:我使用的日期选择器版本在多日期方面存在一些问题，我使用了以前的版本并且它可以工作 - 可能是版本问题

<小时/>

这工作得很好:

$('#datepicker2').datepicker('setDate', new Date(2014, 2, 5));

Answer 1

有必要首先通过选项将日期选择器定义为多日期选择器。

$('#datepicker2').datepicker({
  multidate: true
});

然后您可以通过 setDates 方法设置日期:

$('.date').datepicker({
    multidate: true
});

$('.date').datepicker('setDates', [new Date(2014, 2, 5), new Date(2014, 3, 5)])

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.css" rel="stylesheet"/>
<input type="text" class="form-control date"/>