以编程方式在jquery datepicker上设置多个日期

时间:2014-12-13 13:17:33

标签: javascript jquery jquery-plugins datepicker

我想在内联jQuery日期选择器上以编程方式设置多个日期。我有一个日期数组,我想循环遍历它们,每次迭代时,都应该在datepicker中选择一个日期。

结果应该是在内联jQuery日期选择器中选择的多个日期。

这就是我正在尝试的,但我没有取得多大成功。

for(var j=0; j<dateArr.length; j++){
    $("#inlineDp").datepicker.('setDate',dateArr.pop());
}

1 个答案:

答案 0 :(得分:1)

第二部分不是方法:它是datepicker constructor的一部分。

您需要做的是遍历数组并每次使用该构造函数(但在循环之前初始化datepicker)。

至于选择多个日期,默认情况下不能这样做(一次只能选择一个日期),因此您必须使用third party plugin

$("#inlineDp").datepicker();

for (var j = 0; j < dateArr.length; j++) {
    window.setTimeout(function(){
       $("#inlineDp").datepicker("setDate", dateArr[j]);
    }, 500);
}

(请注意,为简单起见,此代码未考虑problem with timeouts in loops(即,它们不起作用)。但是,下面演示中的代码确实如此(所以你应该在那里使用代码而不是上面的解释性例子)。)

Demo