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

问题描述:

我从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); 
     } 
    ); 
}); 
+1

请告诉我们你到目前为止的代码。 –

+0

@SumnerEvans我的代码与本教程的代码完全相同。我只是想要选择所有日期而不是逐个选择 – user2896120

+0

请将代码放入您的问题中。我不想阅读该教程只是为了找到您使用的代码。 –

documentation

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

例子:
会提醒空数组(如还未有任何选择)

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