У меня есть форма бронирования, где пользователь выбирает две даты.Затем пользователь отправляется на URL-адрес на основе введенных данных:
<form class="availability-form" id="booking">
<input type="text" name="arrival" id="arrival" class="awe-calendar from" placeholder="Arrival Date">
<input type="text" name="departure" id="departure" class="awe-calendar to" placeholder="Departure Date">
<div class="availability-submit">
<button type="submit" id="button" class="awe-btn awe-btn-13">Submit</button>
</div>
</form>
Я использую следующее для перехода к пользовательскому URL-адресу:
<script>
$(document).ready(function () {
$("#booking").on('submit', function (e) {
e.preventDefault();
window.location.replace(
"http://www.example.com/page/" +
$("#arrival").val() + "/" +
$("#departure").val()
);
});
});
</script>
Код отлично работаетпри отправке посетителей на URL с форматом даты ММ / ДД / ГГГГ.
Однако для службы бронирования, которую я использую, требуется дата в формате ДД-ММ-ГГГГ.Я бы изменил весь сайт на этот формат, но он не является общепризнанным.
Простым решением было бы использование трех разных входных данных для дня, месяца и года, но я надеялся, что смогу сохранить свойкрасиво выглядят всплывающие календари и конвертируют формат по мере того, как пользователь отправляет форму.Есть идеи, как это сделать?
Спасибо за помощь.
Редактировать:
Вот где я нахожусь:
var arrive = document.getElementById("arrival").value.split('/');
var depart = document.getElementById("departure").value.split('/'); $(document).ready(function () {
$("#booking").on('submit', function (e) {
e.preventDefault();
window.location.replace("http://www.example.com/page/" + arrive[0] + "-" + arrive[1] + "-" + arrive[2] + "/" + depart[0] + "-" + depart[1] + "-" + depart[2]);
}); });
URL, на который я отправляю, имеет только неопределенные значения:
http://www.example.com/page/-undefined-undefined/-undefined-undefined
Я не уверен, почему он не принимает входные данные.Я также понятия не имею, почему arrive[0]
и depart[0]
даже не появляются.
Любая дополнительная помощь будет очень признательна.