Question

我正在使用KelvinLuck的jQuery datepicker插件。此日期选择器是一个多选日期选择器。在本教程中，它显示了如何将所选日期显示到控制台。本教程一次只显示一个日期。我想显示选择日期时选择的所有日期。从技术上讲，这是一系列选定的日期。有没有办法做到这一点？这是一个jsFiddle

HTML

<div class="date-pick"></div>

JS

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

      }
    )
    .bind(
      'dpClosed',
      function(e, selectedDates) {
        console.log('You closed the date picker and the ' // wrap
          + 'currently selected dates are:');
        console.log(selectedDates);
      }
    );
});

Answer 1

来自documentation：

dpGetSelected( ) returns Array
  获取此datePicker当前选定的日期列表。如果当前没有选择日期，则这将是一个空数组;如果没有与匹配元素关联的datePicker，则为NULL。

示例：
  将警告一个空数组（因为还没有选择）

$('.date-picker').datePicker(); alert($('.date-picker').dpGetSelected());

获取日期选择器中选择的所有日期

1 个答案: