jquery - 如何在 jquery UI datepicker 中将 maxDate 设置为当前选定日期的第 n 天

Question

我在我的网站中使用 Jquery UI 日期选择器

我有一个 From 和 To 字段，我的要求是在用户选择 From 日期之后，To 字段日期选择器应该从 From 日期开始并在 14 天后结束。

我该怎么做呢？

Answer 1

您可能正在寻找这样的东西：

var datepickersOpt = {
    firstDay: 1,
    minDate: 0,
    maxDate: "+1Y",
}

$("#from").datepicker($.extend({
    onSelect: function(selectedDate) {
        var minDate = $(this).datepicker('getDate');
        minDate.setDate(minDate.getDate() + 14);
        $("#to").datepicker("option", "minDate", minDate);
    }
}, datepickersOpt));

$("#to").datepicker($.extend({}, datepickersOpt));​

小提琴

Answer 2

我想这就是你要找的。这是一个小提琴。

​</p>

$​(document).ready(function() {
    $("#from").datepicker({
        minDate: 'today', 
        maxDate:'+1Y', 
        onSelect: function() {
            var minToDate = $(this).datepicker('getDate');
            var maxToDate = $(this).datepicker('getDate');
            maxToDate.setDate(maxToDate.getDate()+14);
            $("#to").datepicker("option", "minDate", minToDate);
            $("#to").datepicker("option", "maxDate", maxToDate);
}});
    $("#to").datepicker();
});​