2017-06-22 125 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 /):) –