2017-06-22 90 views
0

我们可以限制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>

+0

我看到下面的回答宽度的maxDate添加maxDate: 15:15有什么样的不同是它们之间有? –

+0

是的,但没有工作︰https://codepen.io/cowardguy/pen/JJJMbW –

回答

2

在选项

$(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 /):) –