2011-12-23 144 views

回答

3

日期選擇器本質上是一個文本輸入元素。您可以使用第一個輸入元素上的jQuery變更處理程序在變更內容時獲取其內容,然後只需選擇第二個輸入元素並使用jquery val更新該值。

http://api.jquery.com/change/ http://api.jquery.com/val/

喜歡的東西:

$("#firstdatepicker").change( function() { 
    $("#seconddatepicker").val($(this).val()); 
}); 
+0

謝謝,這正是我一直在尋找的。我嘗試做類似的事情,但沒有意識到我需要嵌套我的功能。 – David 2011-12-23 18:13:38

+0

@mcot這很酷!如何在第二次輸入時添加+7天,並在該日期後禁用日期? – 2017-06-30 08:17:18

1

您將要使用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(); 
+0

謝謝您的回答,我選擇了其他的答案,只是因爲它做了同樣的事情少代碼。 – David 2011-12-23 18:14:37

+0

我聽說 - 我使用插件給我的事件,因爲我喜歡將所有功能捆綁在一起 – Tim 2011-12-23 18:19:47

相關問題