【问题标题】: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

【问题讨论】:

    标签: javascript jquery date datepicker


    【解决方案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] 参数最后有一个;,参数不能带分号。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-07-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多