如何在日期选择器中添加预选日期

时间:2017-07-24 02:45:31

标签: javascript jquery date datepicker

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

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

这可能吗?这是jsFiddle

1 个答案:

答案 0 :(得分:2)

多次致电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]
    );
  }

});