以編程方式在jquery datepicker上設置多個日期

我想在內聯jQuery datepicker上以編程方式設置多個日期。我有一個日期數組，我想循環遍歷它們，並且在每次迭代中，應該在datepicker中選擇一個日期。以編程方式在jquery datepicker上設置多個日期

結果應該是在內聯jQuery datepicker上選擇的多個日期。

這就是我正在嘗試的，但我還沒有取得太多的成功。

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

來源

2014-12-13 Superman

第二部分不是方法：它是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

來源

2014-12-13 15:24:48 AstroCB

Thanks Astro for your answer。我的數組的格式如下。即使使用這個數組，我也沒有得到上面的腳本。請指導。 dateArr = [Wed Dec 03 2014 00:00:00， Wed Dec 10 2014 00:00:00， Wed Dec 17 2014 00:00:00] – Superman 2014-12-13 15:51:34

@Superman嘗試在Date構造函數中包裝每個元素循環[像這樣]（http://jsfiddle.net/AstroCB/zop24xvf/1/）。 – AstroCB 2014-12-13 15:56:50

是的，它很酷，它工作。我需要的最後一件事是所有日期應該一次選擇。所以後來我可以將這些日期保存到數據庫。在我們的案例Dec3，Dec10和Dec17必須設置。 – Superman 2014-12-13 16:04:48

以編程方式在jquery datepicker上設置多個日期

回答

相關問題