Javascript 如何在datepicker下拉列表中增加120天？

我有两个日期选择器下拉列表，如果我选择020年1月1日和到期日，日期选择器应自动增加120天，并将到期日设置为2020年4月30日（2020年4月30日）。 我如何实现这一点，它需要在所有时区和DST支持下工作？我们不允许为此使用任何datetime库：（。提前感谢您的帮助

//包括JQUERY和JQUERY UI 1.12.1
$（函数（）{
$（“#日期选择器”）。日期选择器({
日期格式：“dd-mm-yy”
，持续时间：“快速”
});
$（“#日期选择器2”）。日期选择器({
日期格式：“dd-mm-yy”
，持续时间：“快速”
});
}）；

*{
框大小：边框框；
-moz框大小：边框框；
-webkit框大小：边框框；
}
身体{
字体系列：“Roboto”，无衬线；
颜色：#546E7A；
}
.包装纸{
最大宽度：18rem；
填充：0.5雷姆；
左边距：自动；
右边距：自动；
垫顶：4rem；
}
标签{
字体大小：0.75rem；
字体大小：400；
显示：块；
边缘底部：0.5雷姆；
颜色：#B0BEC5；
边框：1px实心#ECEFF1；
填充：0.5雷姆0.75雷姆；
边界半径：0.5雷姆；
}
输入{
字体系列：“Roboto”，无衬线；
显示：块；
边界：无；
边界半径：0.25雷姆；
边框：1px实心透明；
线高：1.5雷姆；
填充：0；
字号：1rem；
颜色：#607D8B；
宽度：100%；
边缘顶部：0.5雷姆；
}
输入：焦点{大纲：无；}
#用户界面日期选择器分区{
显示：无；
背景色：#fff；
盒子阴影：0.125rem 0.5rem rgba（0,0,0,0.1）；
保证金上限：0.25雷姆；
边界半径：0.5雷姆；
填充：0.5雷姆；
}
桌子{
边界塌陷：塌陷；
边界间距：0；
}
.ui日期选择器日历日期{
填充：0.250；
文本对齐：居中；
字体大小：0.75rem；
字体大小：400；
颜色：#78909C；
}
.ui日期选择器日历tbody td{
宽度：2.5雷姆；
文本对齐：居中；
填充：0；
}
.ui日期选择器日历tbody td a{
显示：块；
边界半径：0.25雷姆；
线高：2rem；
过渡：0.3s全部；
颜色：#546E7A；
字体大小：0.875rem；
文字装饰：无；
}
.ui日期选择器日历tbody td a:悬停{
背景色：#E0F2F1；
}
.ui日期选择器日历tbody td a.ui-state-active{
背景色：#009688；
颜色：白色；
}
.ui日期选择器标题a.ui-corner-all{
光标：指针；
位置：绝对位置；
排名：0；
宽度：2em；
高度：2em；
保证金：0.5雷姆；
边界半径：0.25雷姆；
过渡：0.3s全部；
}
.ui日期选择器标题a.ui-corner-all:悬停{
背景色：#ECEFF1；
}
.ui日期选择器头a.ui-datepicker-prev{
左：0；
背景：url("数据：image/svg+xml；base64，phn2zyb4bwxucz0iahr0cdy53my5vcmcvmjawmc9zdmciihdpzhropsixmigagvz2h0psixmyigdmld0jved0imcawidezij48cgf0acbmawxspsindi0nzcwiibmawxslxj1bgu9imv2zw5vzgqiigq9ik03lji2lji2ljig5nkwzwzwzwzzzjjjjjjjjzjjjjjjjzjjjjjzjjjjjzjjjjjjzjjjjjzjjjjjjjjjjjzzzzjjjjjjjjjjjjjjzzzzzjjjjjjjjjjjjjjjjzzzzgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==”；
背景重复：无重复；
背景大小：0.5雷姆；
背景职位：50%；
变换：旋转（180度）；
}
.ui日期选择器标题a.ui-datepicker-next{
右：0；
背景：url（'data:image/svg+xml；base64，phn2zyb4bwxucz0iahr0cdovl3dy53my5vcmcvmjawmc9zdmciihdpzhropsixmyigagvz2h0psigDmld0jved0imcawidezidzij48cgf0acbmawxspsid0nzcwiibmawxslxj1bg9imv2zw5vzgq9ik03lji4oca2lji5nkwzwzwzjjjzjjjjjjjjjzjjjjjjzjjjjjjjjjjzjjjjjjzjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjzzzzzzjjjjjjjjjjjjjjdagmcaxls4ymdiundk3bc00lju5nsa0lju5nweunza0ljcwncawidagms0xls4wmdcunzeunzegmcawideljawni0uotk5bdqumdg2lqumdg2eiivpjwvc3znpg='）；
背景重复：无重复；
背景尺寸：10px；
背景职位：50%；
}
.ui日期选择器标题a>span{
显示：无；
}
.ui日期选择器标题{
文本对齐：居中；
线高：2rem；
边缘底部：0.25雷姆；
字体大小：0.875rem；
字号：500；
垫底：0.25rem；
}
.ui日期选择器周列{
颜色：#78909C；
字体大小：400；
字体大小：0.75rem；
}

开始日期
到期日

给定日期字段：

<input id="dt" type="date" />

---

您知道在HTML5浏览器中，点击时会弹出一个日期，对吗？并且type=“time”和type=“datetime”"同样会显示这些的控件吗？@ControlAltDel我刚改为HTML5日期时间选择器而不是jquery one。谢谢！您能帮我如何将到期日期设置为当前选定日期前120天吗？我不太愿意建议您删除此问题，因为我太快了，无法向其他没有经验的用户推荐此问题s、 但是，如果我的建议解决了您的问题，您可能会考虑删除此帖子，因为问题已解决，但原始问题未得到回答。这是否回答了您的问题？@ControlAltDel我的问题尚未解决。我需要提前120天在到期日前设置。我如何才能做到？敬请告知。

var date = new Date();
date.setDate(date.getDate() + 120);
document.getElementById("dt").value = date;