将不同的日期设置为默认日期和Jquery datepicker的实际值

问题描述 投票:0回答:1

我有两个带有预选日期的日期选择器字段,我需要做的是,当用户在第一个日期选择器中选择任何新日期时,我需要将第二个日期选择器的默认值更改为在新选择的第一个日期中增加10天选择器,而不更改第二个日期选择器的实际值。现在,我正在重新初始化第二个日期选择器,并通过“ defaultDate”选项设置默认值。

$('#x').datepicker( 'destroy' );
$('#x').datepicker({
  defaultDate : "03/21/2020"
}); 

建议的代码

let dateFromPicker1 = $("#picker1").val();
let dt = new Date(dateFromPicker1 );
dt.setDate(dt.getDate()+10);
$('#picker2').datepicker( 'destroy' );
$('#picker2').datepicker({
  defaultDate : dt
});

但是这不起作用,因为datepicker已经具有一些值,所以我无法更改其默认值。

[请有人解决我的问题。如果有人需要其他任何信息,请告诉我。

任何帮助将不胜感激。

javascript jquery datepicker jquery-ui-datepicker
1个回答
0
投票
获取在第一个日期选择器上选择的日期,并创建一个新的Date对象,并将日期增加10,并将其设置为第二个日期选择器默认值。

let dateFromPicker1 = <pick date from picker1> let dt = new Date(dateFromPicker1 ); dt.setDate(dt.getDate()+10);

现在将

dt设置为picker2默认值

© www.soinside.com 2019 - 2024. All rights reserved.