我有2個使用JQuery UI的日期選擇器。如果用戶從日期選擇器1中選擇一個日期,我怎樣才能在相同的日期自動更新日期選擇器2?jQuery UI日期選擇器 - 在選擇日期時更新另一個日期選擇器
我認爲這可能很簡單,但我已經嘗試了幾件事情,似乎沒有任何工作。
在此先感謝。
我有2個使用JQuery UI的日期選擇器。如果用戶從日期選擇器1中選擇一個日期,我怎樣才能在相同的日期自動更新日期選擇器2?jQuery UI日期選擇器 - 在選擇日期時更新另一個日期選擇器
我認爲這可能很簡單,但我已經嘗試了幾件事情,似乎沒有任何工作。
在此先感謝。
日期選擇器本質上是一個文本輸入元素。您可以使用第一個輸入元素上的jQuery變更處理程序在變更內容時獲取其內容,然後只需選擇第二個輸入元素並使用jquery val更新該值。
http://api.jquery.com/change/ http://api.jquery.com/val/
喜歡的東西:
$("#firstdatepicker").change( function() {
$("#seconddatepicker").val($(this).val());
});
您將要使用onClose事件來更新第二個文本字段。
我創建了this fiddle這裏工作;出於某種原因,通常在日期選擇器上的樣式不會進入。
HTML:
<input type="text" name="date1" value="" />
<br>
<input type="text" name="date2" value="" />
的Javascript:
$("input[name=date1]").datepicker({
onClose: function(dateText, inst) {
$("input[name=date2]").val(dateText);
}
});
$("input[name=date2]").datepicker();
謝謝,這正是我一直在尋找的。我嘗試做類似的事情,但沒有意識到我需要嵌套我的功能。 – David 2011-12-23 18:13:38
@mcot這很酷!如何在第二次輸入時添加+7天,並在該日期後禁用日期? – 2017-06-30 08:17:18