javascript - 如何在日期选择器中添加预先选择的日期

Question

我正在使用 KelvinLuck 中的 jQuery 日期选择器插件。该日期选择器是一个多选日期选择器。在教程中，它展示了如何添加 1 个选定日期，但我想添加许多选定日期，如下所示:

.dpSetSelected(
      '18/06/2011', '19/06/2011, '20/06/2011
    )

这可能吗？这是jsFiddle .

Answer 1

多次调用dpSetSelected()，例如:dpSetSelected('18/06/2011').dpSetSelected('19/06/2011')

如果是 for 循环，只需将 JS 代码替换为:

var dates = new Array('18/06/2011', '19/06/2011');

$(function() {
  $('.date-pick')
    .datePicker({
      createButton: false,
      displayClose: false,
      closeOnSelect: true,
      selectMultiple: true,
      inline: true,
      startDate: '01/01/2005',
      endDate: '31/12/2011'
    }).bind(
      'click',
      function() {
        $(this).dpDisplay();
        this.blur();
        return false;
      }
    )
    .bind(
      'dateSelected',
      function(e, selectedDate, $td, state) {
        console.log('You ' + (state ? '' : 'un') // wrap
          + 'selected ' + selectedDate);

      }
    );


     for (var i = 0; i < dates.length; i++) {
    $('.date-pick').dpSetSelected(
      dates[i]
    );
  }

});