Изменить формат даты после отправки формы? - PullRequest
0 голосов
/ 22 мая 2019

Я хотел бы изменить форму даты после ее отправки, чтобы она оставалась удобной для пользователя. Приведенный ниже код прекрасно работает с URL-адресом, который он пишет (год должен быть в начале), но этот формат неудобен для пользователей, ожидающих увидеть mm / dd / yy. Конечно, я могу изменить это в приведенном ниже коде, но тогда запись URL-адреса изменится и больше не будет действительной. Поэтому в идеале я хотел бы сохранить его в формате мм / дд / гг, но когда он пишет URL-адрес, он меняется на гггг / мм / дд. Возможно ли это?

Код формы:

<form onSubmit="return process();">

<div id="resin"><label for="checkin">Check-In:</label>
<input type="text" id="checkin" name="checkin" class="dpicker"></div>
<div id="resout"><label for="checkout">Check-Out:</label>
<input type="text" id="checkout" name="checkout" class="dpicker"></div>
<div id="resadults"><label for="adults">Adults:</label>
<select name="adults" id="adults"><option value="1">1</option><option selected="selected" value="2">2</option><option value="3">3</option><option value="4">4</option></select></div>
<div id="reschild"><label for="children">Children:</label>
<select name="children" id="children"><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option></select></div>
<div id="ressubmit"><input type="submit" value="BOOK NOW" /></div></form>

Сценарий:

<script type="text/javascript">
    function process()
{
var url="https://myurl.com/search?rooms=1&arrival_date=" + document.getElementById("checkin").value + "&departure_date=" + document.getElementById("checkout").value + "&adults=" + document.getElementById("adults").value + "&children=" + document.getElementById("children").value;
location.href=url;
return false;
}
</script>

<script type="text/javascript">

$('body').on('focus', ".dpicker", function () {
    $(this).datepicker();
});

$(function () {
    $("#checkin").datepicker({
        minDate: 1,
        changeMonth: true,
        dateFormat: 'yy/mm/dd',
        onClose: function (selectedDate, instance) {
            if (selectedDate != '') {
                $("#checkout").datepicker("option", "minDate", selectedDate);
                var date = $.datepicker.parseDate(instance.settings.dateFormat, selectedDate, instance.settings);
                date.setMonth(date.getMonth() + 3);
               var minDate2 = new Date(selectedDate);
                minDate2.setDate(minDate2.getDate() + 1);

                $("#checkout").datepicker("option", "minDate", minDate2);
                $("#checkout").datepicker("option", "maxDate", date);
            }
        }
    });
    $("#checkout").datepicker({
        minDate: 1,
        changeMonth: true,
        dateFormat: 'yy/mm/dd',
        onClose: function (selectedDate) {
            $("#checkin").datepicker("option", "maxDate", selectedDate);
        }
    });


});

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