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));

FIDDLE

Answer 2

我认为这就是你要找的东西。 Here is a fiddle.

$(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();
});

如何在jquery UI datepicker中将maxDate设置为nthday到当前所选日期

2 个答案: