我會嘗試像插件文檔頁面上的一個例子。檢出this fiddle。我將日曆的顯示保持爲靜態,以避免重置爲默認日期。
HTML
<input id="dates" type="text"/>
<div id="datePick" />
JS
var dates = [];
$('#datePick').multiDatesPicker({
onSelect: function (e) {
dates.push(e);
var dateList = "";
$.each(dates, function (i, d) {
if (dateList.length > 0) {
dateList += ",";
}
dateList += d;
});
$("#dates").val(dateList);
}
});
它不一定是最漂亮的JS - 我相信它可以更好,但它描述了一個思路。
我相信您可能遇到的一個問題是 - 您顯示的日期是?您無法保證用戶會按任何特定順序選擇日期。你是否總是使用最後一個月的選擇?我想如果你想這樣做,你可以勾選「onSelect」,解析最後的選擇並將默認日期設置爲當月?這可能會按照你喜歡的方式工作。
編輯
我剛纔看到有,做我的小提琴做同樣的事情的「altField」。好吧。 :)
EDIT 2
檢查this fiddle。它解析最後的日期(就像我上面提到的),但我不知道如何設置插件的「默認」日期。不編輯插件可能無法實現。至少它是一個開始...
tnx很多。實際上也可以這樣做。 $( '#與-altField')。multiDatesPicker({\t altField:'#textfieldID' });檢查這個小提琴.. http://jsfiddle.net/atfQa/2/ – dev1234
大聲笑 - 是啊,我看到大約在同一時間你寫評論我猜:) –