[英]jQuery UI date picker - updating another date picker on selecting a date
我有2个使用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事件来更新第二个文本字段。
我在这里创建了有效的小提琴 。 由于某种原因,通常不会在datepicker上显示样式。
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();
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.