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周的日期范围选择

回答

相关问题