Javascript 如何使两个日期选择器在html中相互依赖?

Javascript 如何使两个日期选择器在html中相互依赖?,javascript,jquery,Javascript,Jquery,假设有两个日期选择器。第二个日期选择器将完全依赖于代码段中给出的第一个日期选择器 $function{ $txtFromDate.datepicker{ 月数:2, minDate:0, onSelect:functionselected{ $txtToDate.datepickeroption,minDate,已选定 } }; $txtToDate.datepicker{ 月数:2, onSelect:functionselected{ $txtFromDate.datepickeropti

假设有两个日期选择器。第二个日期选择器将完全依赖于代码段中给出的第一个日期选择器

$function{ $txtFromDate.datepicker{ 月数:2, minDate:0, onSelect:functionselected{ $txtToDate.datepickeroption,minDate,已选定 } }; $txtToDate.datepicker{ 月数:2, onSelect:functionselected{ $txtFromDate.datepickeroption,maxDate,选中 } }; }; 发件人:
To:您可以在选择第一个日期选择器时设置第二个日期选择器的默认日期,反之亦然。这里有一个例子

$function{ $txtFromDate.datepicker{ 月数:2, minDate:0, onSelect:functionselected{ $txtToDate.datepickeroption,minDate,选中; $txtToDate.datepickersetDate,“+1y”; } }; $txtToDate.datepicker{ 月数:2, onSelect:functionselected{ $txtFromDate.datepickeroption,maxDate,选中 } }; }; 发件人:
To:您可以在选择第一个日期选择器时设置第二个日期选择器的默认日期,反之亦然。这里有一个例子

$function{ $txtFromDate.datepicker{ 月数:2, minDate:0, onSelect:functionselected{ $txtToDate.datepickeroption,minDate,选中; $txtToDate.datepickersetDate,“+1y”; } }; $txtToDate.datepicker{ 月数:2, onSelect:functionselected{ $txtFromDate.datepickeroption,maxDate,选中 } }; }; 发件人:
收件人:您可以在第一个字段上使用onchange或onblur事件来修改另一个选择器字段上的日期。@YousafHassan感谢您的回答,先生,我是第一次尝试这样做,我对此不太熟悉。您能告诉我如何写这个吗?我想Kiran Shahi的回答会有所帮助。但您可以将其设置为第一个字段的值,而不是将其设置为+1y。但我认为您关心的只是发送到后端的值。如果是这样的话,只需在js代码中添加一个条件来检查$txtFromDate.val{//set value from first field}您可以在第一个字段上使用onchange或onblur事件来修改另一个选择器字段上的日期。@YousafHassan感谢您的回答,先生,我是第一次尝试,所以我对这个不太熟悉。您能告诉我如何编写这个吗?我想Kiran Shahi的回答会有所帮助。但您可以将其设置为第一个字段的值,而不是将其设置为+1y。但我认为您关心的只是发送到后端的值。如果是这样的话,只需在js代码中添加一个条件来检查$txtFromDate.val{//set value from first field}@manikantgautam您的编辑和我的代码之间发生了冲突。我只是支持使用日期作为输入类型,而不是文本。你也错过了Jquery的加入。@KiranShahi谢谢你的支持it@manikantgautam将日期更改为文本会使jQueryUIDatePicker停止工作。无论如何,谢谢你的编辑。如果发现任何错误,您可以进行编辑。@manikantgautam您的编辑和我的代码之间存在冲突。我只是赞成使用日期作为输入类型,而不是文本。你也错过了Jquery的加入。@KiranShahi谢谢你的支持it@manikantgautam将日期更改为文本会使jQueryUIDatePicker停止工作。无论如何,谢谢你的编辑。如果发现任何错误,可以进行编辑。