jQuery UI日期选择器-在选择日期时更新另一个日期选择器

jQuery UI date picker - updating another date picker on selecting a date

本文关键字：日期 选择器 更新 另一个 选择 UI jQuery      更新时间：2023-09-26

我有两个使用Jquery UI的日期选择器。如果用户从日期选择器1中选择了一个日期，我如何让它用相同的日期自动更新日期选择器2 ?

我认为这可能很简单，但是我尝试了一些方法，似乎都不起作用。

日期选择器实质上是一个文本输入元素。您可以在第一个输入元素上使用jquery更改处理程序，以便在更改时获取其内容，然后只需选择第二个输入元素并使用jquery val更新值。

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

类似:

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

您需要使用onClose事件来更新第二个文本字段。

我在这里创建了这个小提琴;由于某些原因，通常在日期选择器上的样式没有出现。

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();
相关文章：