2011-09-29 221 views
2

我有兩個日期選擇器,一個用於開始日期,另一個用於結束日期。jQuery datepicker - defaultDate(動態地)從另一個日期選擇器

當您選擇第一個日期時,我希望將第二個日期選擇器的默認值設置爲相同的日期。如果我使用setDate它的工作原理和設置值就好了,但默認值不會改變 - 如果我在加載日期選擇器時設置了defaultDate,它就可以工作,但如果我試圖在飛行中設置它,噸。

這裏是我的代碼:

if($('#startDate').val().length == 10 && $("#endDate").val().length != 10) { 
    $("#endDate").datepicker("defaultDate", $("#startDate").datepicker("getDate")); 
} 

(編輯)澄清,我不想設定日期 - 用戶需要做的,但我想在日期選擇直來直去的與開始日期相同的日期,以避免他們不得不瀏覽大量頁面。

這裏的(有點)工作代碼:http://jsfiddle.net/c8H5y/

任何建議將是非常歡迎的,謝謝!

+0

http://stackoverflow.com/questions/718599/how-to-setup-default-date-for-jquery-inline的可能的複製日期選擇器 – Femi

+0

@Femi - 在這種情況下,OP正在設置datepicker創建後的默認日期。 – cdeszaq

+0

謝謝,我想我可能會寫我的帖子不好,因爲我想從另一個datepicker動態地添加它,而不是一旦它被創建 - http://jsfiddle.net/c8H5y/ Femi的帖子的代碼很好,當設置在開始時的默認日期,但不是動態的。 –

回答

3

這應做到:

$("#dep_date").datepicker({ 
    dateFormat: 'dd/mm/yy', 
    onSelect: function(dateText, inst) { 
     var date = $.datepicker.parseDate('dd/mm/yy', dateText); 
     var $ret_date = $("#ret_date"); 
     $ret_date.datepicker("option", "defaultDate", date); 
    } 
}); 

$("#ret_date").datepicker({ 
    dateFormat: 'dd/mm/yy', 
}); 

jsFiddle

+0

這絕對是真棒,真棒。謝謝!!! –

+1

不客氣。很高興幫助。 :) –

相關問題