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

Posted 2023-05-09

【中文标题】如何在日期选择器中添加预选日期

【英文标题】：How to add pre-selected dates in date picker

【发布时间】：2017-12-29 12:36:21

【问题描述】：

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

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

这可能吗？这是jsFiddle。

【参考方案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]
    );
  

);

【讨论】：

我正在尝试运行一个 for 循环来执行此操作，但它不起作用。这是 jsFiddle：jsfiddle.net/r216sedt

@user2896120 我更新了我的评论，你的代码有两个问题： 1- 你的for 循环是在你的一个方法调用之后出现的，前面有一个.，就像它一样是一个功能。 2- for 循环中方法调用内的dates[i] 参数最后有一个;，参数不能带分号。