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

Question

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

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

这就是我正在尝试的，但我并没有取得太大的成功。

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

Answer 1

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

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

至于选择多个日期，默认情况下您不能这样做(一次只能选择一个日期)，因此您必须使用 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