2013-09-11 3 views
3

Я настраиваю сайт с датой «Дата заезда» и «Отметка даты». Мне нужна дата «Отъезд», чтобы автоматически установить день после даты регистрации.jQuery Datepicker, Дата выезда - один день после даты регистрации

Я нашел фрагмент кода here, но по какой-то причине он, похоже, не работает.

Я создал CodePen here.

Вот код, я использую:

$(function() { 
$("#datepicker").datepicker({ 
defaultDate: "+1w", 
changeMonth: true, 
numberOfMonths: 1, 
onSelect: function (selectedDate) { 
if (this.id == 'datepicker') { 
var dateMin = $('#datepicker').datepicker("getDate"); 
var rMin = new Date(dateMin.getFullYear(), dateMin.getMonth(), dateMin.getDate() + 1); 
var rMax = new Date(dateMin.getFullYear(), dateMin.getMonth(), dateMin.getDate() + 15); 
$('#datepicker2').val($.datepicker.formatDate('mm/dd/yy', new Date(rMax))); 
} 
} 
}); 
}); 

ответ

1

В коде пера, стереть это:

jQuery(function() { 
jQuery("#datepicker").datepicker(); 
jQuery("#datepicker2").datepicker(); 
}); 

Затем повторите попытку.
Но если вы хотите на следующий день, возможно, вы имели в виду rMin, а не rMax в конце.

+0

Это работало отлично! Тем не менее, я все равно хотел бы, чтобы пользователь мог выбрать дату в «Дата выписки» в случае, если следующий день не тот день, когда они хотят проверить. Нам просто нужно по умолчанию на следующий день, потому что, если дата не выбрана, возникает ошибка. – JeremyE

+0

@JeremyE Добавьте этот '$ (" # datepicker2 "). Datepicker();' после первой строки '$ (function() {' Отформатируйте параметры datepicker по своему усмотрению. –

+0

Вы потрясающий!:) – JeremyE

0

DEMO HERE

ЭТО работает демо здесь рецэнзий один день после выбранной даты автоматически ..

$("#CheckInDatePicker").datepicker({  
      defaultDate: "+0",    
      changeMonth: true, 
      dateFormat: "mm-dd-yy", 
      minDate: "+0", 
      onSelect: function (dateText, inst) { 
       var d = $.datepicker.parseDate(inst.settings.dateFormat, dateText); 
      d.setDate(d.getDate() + 1); 
       $("#CheckOutDatePicker").val($.datepicker.formatDate(inst.settings.dateFormat, d)); 

      }, 

      onClose: function (selectedDate) { 
       $("#CheckOutDatePicker").datepicker("option", "minDate", selectedDate); 

      } 

     }); 
0

Его простые, используя Datepicker по умолчанию плагинов JQuery. Код в jsfiddle содержит 2 текстовых поля для проверки и другое для проверки.

$("#checkin").datepicker({minDate : 0, dateFormat: 'dd-mm-yy'}); 

Hit Me !! For code...

Смежные вопросы