Quando uma data for selecionada, o usuário deverá ter a possibilidade de selecionar outra data dentro do período de uma semana após a data que ele selecionou.
Eis o código que estou usando:
$(".datepicker_reservas").datepicker({
minDate: 0,
numberOfMonths: [1,4],
beforeShowDay: function(date) {
var date1 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#datepicker_entrada").val());
var date2 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#datepicker_saida").val());
return [true, date1 && ((date.getTime() == date1.getTime()) || (date2 && date >= date1 && date <= date2)) ? "dp-highlight" : ""];
},
onSelect: function(dateText, inst) {
console.log(dateText);
var date1 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#datepicker_entrada").val());
var date2 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#datepicker_saida").val());
var selectedDate = $.datepicker.parseDate($.datepicker._defaults.dateFormat, dateText);
$( ".datepicker_reservas" ).datepicker( "option", "minDate", dateText);
if (!date1 || date2) {
$("#datepicker_entrada").val(dateText);
$("#datepicker_saida").val("");
$(this).datepicker();
} else if( selectedDate < date1 ) {
$("#datepicker_saida").val( $("#datepicker_entrada").val() );
$("#datepicker_entrada").val( dateText );
$(this).datepicker();
} else {
$("#datepicker_saida").val(dateText);
$(this).datepicker();
}
}
});
Já tentei setar o maxDate de varia formas;
$( ".datepicker_reservas" ).datepicker( "option", "maxDate ", newDate);
$( ".datepicker_reservas" ).datepicker( "option", "maxDate ", '1w');
Porém o maxDate está se baseando na data atual para dar os setes dias. Como posso fazer com que ele use a data selecionada para setar os sete dias?