Question

我正在使用2个jquery日期选择器，一个用于离开，一个用于返回。

我希望第二个自动打开并将最小日期设置为在第一个日历+ 1天中选择的值（即第一个日历日期是5月21日，第二个日历应该将最小日期设置为5月22日）。

截至目前，我可以自动将第二个日历的默认日期填充到第一个日历中选择的日期。

$( "#dep_date" ).datepicker({dateFormat: 'dd/mm/yy', numberOfMonths: 3, minDate: +2, onSelect: function(dateText, inst){$("#ret_date").val(dateText);}});
$( "#ret_date" ).datepicker({dateFormat: 'dd/mm/yy', numberOfMonths: 3});

Answer 1

这样的事情怎么样：

$("#dep_date").datepicker({
    dateFormat: 'dd/mm/yy',
    numberOfMonths: 3,
    minDate: +2,
    onSelect: function(dateText, inst) {
        var date = $.datepicker.parseDate('dd/mm/yy', dateText);
        date.setDate(date.getDate() + 1);

        var $ret_date = $("#ret_date");

        $ret_date.datepicker("option", "minDate", date);            
        $ret_date.datepicker("setDate", date);

        $(this).datepicker("hide");

        $ret_date.datepicker("show");
    }
});

$("#ret_date").datepicker({
    dateFormat: 'dd/mm/yy',
    numberOfMonths: 3
});

详细说明：

使用datepicker

setDate

在datepicker

minDate

在下一个datepicker

show

以下是一个有效的例子：http://jsfiddle.net/4tay7/

具有自动对焦和最小日期的双日期选择器日历

1 个答案: