I'm creating a booking widget, and would like to set the "departure date" for 1 day after the arrival date. Here is what I have so far, but for some reason, it's displaying the same date instead of the next day.
jQuery(document).ready(function() {
var nowTemp = new Date();
var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
var checkin = jQuery('#arrivalDate').fdatepicker({
onRender: function (date) {
return date.valueOf() < now.valueOf() ? 'disabled' : '';
}
}).on('changeDate', function (ev) {
if (ev.date.valueOf() > checkout.date.valueOf()) {
var newDate = new Date(ev.date);
newDate.setDate(newDate.getDate() + 1);
checkout.update(newDate);
}
checkin.hide();
jQuery('#departureDate')[0].focus();
}).data('datepicker');
var checkout = jQuery('#departureDate').fdatepicker({
onRender: function (date) {
return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
}
}).on('changeDate', function (ev) {
checkout.hide();
}).data('datepicker');
});