jQuery引导日期选择器基于choosen日期获取下周日期

我使用jQuery boostrap datepicker有两个文本框date from&date to

<input type="text" id="from"/>
<input type="text" id="to"/>

$('#from').datepicker(
{
    format: "dd-M-yyyy",
    calendarWeeks: true,
    autoclose: true,
    todayHighlight: true
});

现在我想，当我单击日期选择器from时，id为to的文本框将根据choose date from自动填充下周日期

---

有可能做到吗？

这里有一个想法：

  $('.datepicker').datepicker({
    format: {
        /*
         * Say our UI should display a week ahead,
         * but textbox should store the actual date.
         * This is useful if we need UI to select local dates,
         * but store in UTC
         */
        toDisplay: function (date, format, language) {
            var d = new Date(date);
            d.setDate(d.getDate() - 7);
            return d.toISOString();
        },
        toValue: function (date, format, language) {
            var d = new Date(date);
            d.setDate(d.getDate() + 7);
            return new Date(d);
        }
    }
});

---

您也可以阅读此参考链接

我不确定您需要从“下周自动填写日期”中获得什么，但此示例在第一个选择的第二个日期选择器上选择了+7天。如果您需要选择整周的第二个日期输入，您只需要在其中更改onSelect事件

$document.readyfunction{ $'from'.datepicker { 日历周：是的， 自动关闭：是的， 今天的亮点：没错， onSelect：功能日期{ var date2=$'from'.datepickergetDate； var nextDayDate=新日期； nextDayDate.setDatedate2.getDate+7； $'to'.datepicker.datepicker'setDate'，NextDayDayDate； } }; }; 有一个名为的库，它也被广泛传播和接受，以便对日期对象进行计算

$from.datepicker{ onSelect:functiondateText{ var fromDate=新的日期文本； var nextDate=momentfromDate.add7，“d”。格式为“MM/DD/YYYY”；//-->A $to.valnextDate； 选择console.logu，日期文本； console.log下一个日期是下一个日期； } }; JS-Bin 自日期起： 迄今为止： 有可能吗？当然，只需监听更改，当检测到更改时，调用读取输入值的函数。然后用它来获得下周的日期。一旦你得到它，使用新的日期来设置输入字段。这并不难，对吧？