如何限制jQuery的日期范围?
问题描述:
我们可以限制15天的日期范围吗?对于日期范围,搜索日期不能超过15天,这就是为什么我想要阻止它。我怎样才能做到这一点 ?如何限制jQuery的日期范围?
$(function() {
var dateFormat = "DD.MM.YY",
from = $("#checkin,.checkin").datepicker({
numberOfMonths: 2,
firstDay: 1,
minDate: 0,
}),
to = $("#checkout,.checkout").datepicker({
firstDay: 1,
numberOfMonths: 2,
minDate: 0,
});
});
.selected-range {
background: red;
color: #FFF;
}
<link href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/css/smoothness/jquery-ui-1.10.0.custom.min.css" rel="stylesheet" />
<div class="book-holiday">
<input type="text" id="checkin" />
<input type="text" id="checkout" />
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
答
在选项
$(function() {
var dateFormat = "DD.MM.YY",
from = $("#checkin,.checkin").datepicker({
numberOfMonths: 2,
firstDay: 1,
minDate: 0,
maxDate: 15
}),
to = $("#checkout,.checkout").datepicker({
firstDay: 1,
numberOfMonths: 2,
minDate: 0,
maxDate: 15
});
});
.selected-range {
background: red;
color: #FFF;
}
<link href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/css/smoothness/jquery-ui-1.10.0.custom.min.css" rel="stylesheet" />
<div class="book-holiday">
<input type="text" id="checkin" />
<input type="text" id="checkout" />
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
+0
非常感谢你的工作我会检查答案,所以我想问一个问题endDate之间有什么不同之处:' + 15d'和分钟日期:15? –
+0
我知道'maxDate:'+ 15d''或'maxDate:15'都可以工作,但文档中没有'endDate'属性,请检查它[Here](http://api.jqueryui.com/datepicker /):) –
我看到下面的回答宽度的maxDate添加
maxDate: 15
:15有什么样的不同是它们之间有? –是的,但没有工作︰https://codepen.io/cowardguy/pen/JJJMbW –