jQuery Datepicker 将结束日期限制为一周而不超过前一天

Question

我希望开始日默认为昨天，结束日期也默认为昨天。这是任何时候的最大日期。

然后，一旦用户更改开始日期，我希望它允许结束日期在开始日期之后最多 7 天。我该怎么做？

代码：

var StrtDate = $('#strtDate').datepicker({
    defaultDate: -1,
    maxDate: -1,
    onSelect: function (selectedDate) {
        var date = $(this).datepicker('getDate');
        createEndDates.not(this).datepicker('option', 'minDate', date);
    }
});
$('#strtDate').datepicker('setDate', 'today');

var EdDates = $('#edDate').datepicker({
    defaultDate: -1,
    maxDate: -1,
    onSelect: function (selectedDate) {
    }
});
$('#edDate').datepicker('setDate', 'today');

请告诉我你将如何解决这个问题。 非常感谢。

Answer 1

试试这个代码

你可以在选择$('#strtDate')时设置maxDate of $('#edDate')

var endDate;
var StrtDate = $('#strtDate').datepicker({
defaultDate: -1,
maxDate: -1,
onSelect: function (selectedDate) {
	endDate = $(this).datepicker('getDate');
	var final=new Date(endDate);
	final.setDate(endDate.getDate() + 7);
	$('#edDate').datepicker('option', 'maxDate',final);
}
});
$('#strtDate').datepicker('setDate', 'today');
var EdDates = $('#edDate').datepicker({
defaultDate: -1,
maxDate: -1,
onSelect: function (selectedDate) {
}
});
$('#edDate').datepicker('setDate', 'today');

#ui-datepicker-div { font-size: 12px; } 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
start date: <input type="text" id="strtDate" name="date1"/> <br/>
end date: <input type="text" id="edDate" name="date2"/>