Question

我希望开始日默认为昨天，结束日期默认为昨天以及开始。这是最长的日期。

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

代码：

<div class="yesno IFlexible">
  <button id="addNewOK" class="confirmBut">Confirm</button>
  <button id="addNewCancel" class="confirmBut">Cancel</button>
</div>

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

Answer 1

试用此代码

您可以在选择maxDate

时设置$('#edDate') $('#strtDate')

＆＃13;

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

＆＃13;

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

＆＃13;

<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"/>

＆＃13;

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

1 个答案: