У меня есть форма JS с динамической ссылкой на основе ввода даты, мне нужно вывести в формате DD-MM-YYYY - PullRequest
0 голосов
/ 18 сентября 2018

У меня есть форма бронирования, где пользователь выбирает две даты.Затем пользователь отправляется на 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] даже не появляются.

Любая дополнительная помощь будет очень признательна.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...