Question

我使用以下代码设置fromDate和toDate，默认情况下，toDate是今天的日期，fromDate是7天前的日期。

$(function() {
    $( "#menu" ).menu();
populateDefaultValues();
    showDatePicker();


});

function populateDefaultValues(){
v var endDateString = $('#toDate').val();
        var splitDate = endDateString.split("/");

        var endDate = new Date(splitDate[2], splitDate[0], splitDate[1]);
        var startDate = new Date();
        startDate.setDate(endDate.getDate() - 7);

        $("#fromDate").val($.datepicker.formatDate("mm/dd/yy", startDate));

}
function showDatePicker(){
$( "#fromDate" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
            changeYear: true,
            changeDay: true,
            showButtonPanel: true,
        numberOfMonths: 3,
        onClose: function( selectedDate ) {
        $( "#toDate" ).datepicker( "option", "minDate", selectedDate );
    }
    });
    $( "#toDate" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
            changeYear: true,
            changeDay: true,
            showButtonPanel: true,
        numberOfMonths: 3,
        onClose: function( selectedDate ) {
        $( "#fromDate" ).datepicker( "option", "maxDate", selectedDate );
    }
    });
}

日期范围按预期显示。但是，如果我使用日历在fromDate中选择其他日期范围，则在页面加载期间，它会再次返回到-7天。我如何阻止这种情况发生？我想在fromDate和toDate中优先考虑用户的输入，但默认情况下，我们可以说第一次加载页面时，只选择了一周的日期范围。

出于某种原因，如果我不使用上面的代码，它会选择2周的日期范围，我想避免。

任何指针。

Answer 1

你可以使用 minDate：＆＃34; -7D＆＃34;， maxDate：new Date（）

JQuery Datepicker - 在日历

1 个答案: