Я хотел бы изменить форму даты после ее отправки, чтобы она оставалась удобной для пользователя. Приведенный ниже код прекрасно работает с 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>