Jetzt Aufenthalt planen Aufenthalt planen <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <script src="https://code.jquery.com/ui/1.13.3/jquery-ui.min.js"></script> <script> $(function () { var $quickform = $('.quickform'); var $arrival = $('input[name="arrival"]'); var $departure = $('input[name="departure"]'); var $adults = $('.substitute.adults').closest('.fill-container').find('input'); var $children = $('input[name="children"]'); var $commit = $('.quickform .commit'); function pad(num) { num = parseInt(num, 10) || 0; return num < 10 ? '0' + num : String(num); } function formatDate(date) { return pad(date.getMonth() + 1) + '/' + pad(date.getDate()) + '/' + date.getFullYear(); } function updateSubstitutes() { var arrivalDate = $arrival.datepicker('getDate'); var departureDate = $departure.datepicker('getDate'); var adults = parseInt($adults.val(), 10) || 0; var children = parseInt($children.val(), 10) || 0; if (arrivalDate) { $('.substitute.arrival').text(pad(arrivalDate.getDate())); } if (departureDate) { $('.substitute.departure').text(pad(departureDate.getDate())); } $('.substitute.adults').text(pad(adults)); $('.substitute.children').text(children); } function updateCommitLink() { var arrivalDate = $arrival.datepicker('getDate'); var departureDate = $departure.datepicker('getDate'); var adults = parseInt($adults.val(), 10) || 0; var children = parseInt($children.val(), 10) || 0; var baseUrl = $commit.attr('data-baseurl'); if (!arrivalDate || !departureDate || !baseUrl) return; var childrenAges = Array(children).fill(0).join(','); var url = baseUrl + '?propertyCode=HHNBS' + '&fromDate=' + encodeURIComponent(formatDate(arrivalDate)) + '&toDate=' + encodeURIComponent(formatDate(departureDate)) + '&numberOfAdults=' + encodeURIComponent(adults) + '&childrenCount=' + encodeURIComponent(children) + '&childrenAges=' + encodeURIComponent(childrenAges) + '&destinationAddress.location=BollAnts+-+SPA+im+Park,+Felkestraße,+Bad+Sobernheim,+Deutschland'; $commit.attr('href', url); } function syncDepartureMin() { var arrivalDate = $arrival.datepicker('getDate'); if (!arrivalDate) return; var minDeparture = new Date(arrivalDate); minDeparture.setDate(minDeparture.getDate() + 1); $departure.datepicker('option', 'minDate', minDeparture); var departureDate = $departure.datepicker('getDate'); if (!departureDate || departureDate <= arrivalDate) { $departure.datepicker('setDate', minDeparture); } } function updateAll() { updateSubstitutes(); updateCommitLink(); } function initDatepickers() { if ($arrival.hasClass('hasDatepicker')) return; var today = new Date(); var tomorrow = new Date(); tomorrow.setDate(today.getDate() + 1); $arrival.datepicker({ dateFormat: 'mm/dd/yy', minDate: 0, onSelect: function () { syncDepartureMin(); updateAll(); } }); $departure.datepicker({ dateFormat: 'mm/dd/yy', minDate: 1, onSelect: function () { updateAll(); } }); $arrival.datepicker('setDate', today); $departure.datepicker('setDate', tomorrow); syncDepartureMin(); updateAll(); } // defaults if (!$adults.val()) $adults.val('1'); if (!$children.val()) $children.val('0'); // clear adults / children when clicked or focused $adults.on('focus click', function () { $(this).val(''); updateAll(); }); $children.on('focus click', function () { $(this).val(''); updateAll(); }); // update values $adults.on('input change', updateAll); $children.on('input change', updateAll); $arrival.on('change', function () { syncDepartureMin(); updateAll(); }); $departure.on('change', updateAll); // if form is already visible if ($quickform.is(':visible')) { initDatepickers(); } // if form gets shown later, initialize then var observer = new MutationObserver(function () { if ($quickform.is(':visible')) { initDatepickers(); } }); observer.observe($quickform[0], { attributes: true, attributeFilter: ['style', 'class'] }); }); </script>