获取在日期选择器中选择的所有日期
问题描述:
我从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);
}
);
});
答
dpGetSelected() returns Array
获取此datePicker当前选择的日期列表。如果当前没有选择日期,则它将是一个空数组,如果没有与匹配元素相关联的datePicker,则该数组为NULL。例子:
会提醒空数组(如还未有任何选择)$('.date-picker').datePicker(); alert($('.date-picker').dpGetSelected());
请告诉我们你到目前为止的代码。 –
@SumnerEvans我的代码与本教程的代码完全相同。我只是想要选择所有日期而不是逐个选择 – user2896120
请将代码放入您的问题中。我不想阅读该教程只是为了找到您使用的代码。 –