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

Question

我正在使用 KelvinLuck 中的 jQuery 日期选择器插件。该日期选择器是一个多选日期选择器。在教程中，它展示了如何将所选日期显示到控制台。本教程一次仅显示一个日期。我想显示选择日期时选择的所有日期。因此从技术上讲是一组选定的日期。有没有办法做到这一点？这是 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
Gets a list of Dates currently selected by this datePicker. This will be an empty array if no dates are currently selected or NULL if there is no datePicker associated with the matched element.

Example:
Will alert an empty array (as nothing is selected yet)

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