jQuery UI日期选择器 – 在选择日期时更新另一个日期选择器
我有两个使用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:
使用Javascript:
$("input[name=date1]").datepicker({ onClose: function(dateText, inst) { $("input[name=date2]").val(dateText); } }); $("input[name=date2]").datepicker();