獲取在日期選擇器中選擇的所有日期

我從KelvinLuck使用jQuery datepicker插件。這個日期選擇器是一個多選日期選擇器。在教程中，它顯示瞭如何將選定日期顯示到控制檯。本教程一次僅顯示一個日期。我想顯示選取日期時選擇的所有日期。所以在技術上是一系列選定的日期。有沒有辦法做到這一點？這裏有一個jsFiddle 獲取在日期選擇器中選擇的所有日期

HTML

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

$(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); 
     } 
    ); 
});

來源

2017-08-07 user2896120

請告訴我們你到目前爲止的代碼。 –

@SumnerEvans我的代碼與本教程的代碼完全相同。我只是想要選擇所有日期而不是逐個選擇 – user2896120

請將代碼放入您的問題中。我不想閱讀該教程只是爲了找到您使用的代碼。 –

從documentation：

dpGetSelected() returns Array
獲取此datePicker當前選擇的日期列表。如果當前沒有選擇日期，則它將是一個空數組，如果沒有與匹配元素相關聯的datePicker，則該數組爲NULL。

例子：
會提醒空數組（如還未有任何選擇）
$('.date-picker').datePicker(); 
alert($('.date-picker').dpGetSelected()); 

來源

2017-08-07 20:20:10 Willie

獲取在日期選擇器中選擇的所有日期

回答

相關問題