Jquery Datepicker只允許3周的日期範圍選擇

我們在我們的酒店網站上有一個jQuery Datepcker，我們只希望客人在我們的預訂表格中選擇不超過3周。我試圖在這個論壇和網絡上找到解決方案，但沒有遇到可行的答案。以下是我們現在的代碼。我嘗試使用maxDate：'+ 3W'，但是除了當前日期的3周之外，它會禁用所有日期。無論客人選擇何種抵達日期，出發日期只允許最多3周。任何幫助，將不勝感激。Jquery Datepicker只允許3周的日期範圍選擇

$(".datepicker[name='A']").datepicker({ 
    showOn: 'both', 
    defaultDate: "+1d", 
    dateFormat: 'mm/dd/yy', 
    minDate: "+1D",  
    changeMonth: false, 
    buttonText: '<i class="fa fa-calendar"></i>', 
    numberOfMonths: 1, 
    onClose: function(selectedDate) { 
    $(".datepicker[name='D']").datepicker("option", "minDate", selectedDate); 
    } 
}); 
$(".datepicker[name='D']").datepicker({ 
    showOn: 'both', 
    defaultDate: "+2d",  
    dateFormat: 'mm/dd/yy',   
    changeMonth: false, 
    buttonText: '<i class="fa fa-calendar"></i>', 
    numberOfMonths: 1, 
    onClose: function(selectedDate) { 
    $(".datepicker[name='A']").datepicker("option", "maxDate", selectedDate); 
    } 
});

來源

2016-07-27 Duranic

所以我試過了maxdate：'+ 21d'，但是這隻限於距今天21天。我想限制抵達日期的21天。我也嘗試了startDate：new Date（），但是打破了它。有人坐在我的答案上。 – Duranic

終於明白了我自己。這是一個簡單的方法。大多數文章太廣泛，無法做到這麼簡單。 – Duranic

這是代碼。

$(".datepicker[name='A']").datepicker({ 
    showOn: 'both', 
    defaultDate: "+1d", 
    dateFormat: 'mm/dd/yy', 
    minDate: "+2D",  
    changeMonth: false, 
    buttonText: '<i class="fa fa-calendar"></i>', 
    numberOfMonths: 1, 
    onClose: function(selectedDate) { 
    console.log(new Date(new Date(selectedDate).getTime() + 1814400000)); 
    $(".datepicker[name='D']").datepicker("option", "minDate", selectedDate); 
    $(".datepicker[name='D']").datepicker("option", "maxDate", new Date(new Date(selectedDate).getTime() + 1814400000)); 
    } 
}); 
$(".datepicker[name='D']").datepicker({ 
    showOn: 'both', 
    defaultDate: "+2d",  
    dateFormat: 'mm/dd/yy',   
    changeMonth: false, 
    buttonText: '<i class="fa fa-calendar"></i>', 
    numberOfMonths: 1, 
    onClose: function(selectedDate) { 
    $(".datepicker[name='A']").datepicker("option", "maxDate", selectedDate); 
    } 
});

如果你有更好的方法，那麼請張貼它。

來源

2016-07-30 21:43:39 Duranic

Jquery Datepicker只允許3周的日期範圍選擇

回答

相關問題