[英]How to display the selected datepicker value from the 1st page onto the 2nd page datepicker
我正在酒店预订网站上。 我在主页上有基本表格,包括入住,退房,成人人数,儿童人数。 当用户输入这些详细信息并单击“立即预订”时,将加载具有更多输入字段的另一个页面(预订页面)。 在此页面上,我要显示上一页中选择的值。 我可以显示下拉值,但无法显示前一页到该页面的datepicker字段中的datepicker值。 如何获取日期选择器值以显示在第二页日期选择器字段上? 谢谢你的帮助。
我试图过帐日期选择器的输入字段中的值,但没有用。 我可以将第一页datepicker值作为文本获取到POST,但不能在datepicker字段中获取。
这是主页上的日期选择器输入字段
<div class="booking_dropdown">
<input type="text" class="datepicker booking_input booking_input_a booking_in" placeholder="Check in" required="required" name="checkin">
</div>
<div class="booking_dropdown">
<input type="text" class="datepicker booking_input booking_input_a booking_out" placeholder="Check out" required="required" name="checkout">
</div>
这是第二页日期选择器输入字段
<div class="booking_dropdown">
<input type="text" id="checkin" class="datepicker booking_input booking_input_a booking_in" placeholder="Check in" required="required" name="checkin" value="<?php echo date_format(date_create($_POST['checkin']),"d/m/Y");?>">
</div>
<div class="booking_dropdown">
<input type="text" id="checkout" class="datepicker booking_input booking_input_a booking_out" placeholder="Check out" required="required" name="checkout" value="<?php echo date_format(date_create($_POST['checkout']),"d/m/Y");?>">
</div>
这是第二页日期选择器代码- 更新
function initDatePicker()
{
if($('.datepicker').length)
{
$("#checkin").datepicker({
minDate: 0,
onSelect: function (date) {
var date2 = $('#checkin').datepicker('getDate');
date2.setDate(date2.getDate());
$('#checkout').datepicker('setDate', date2);
//sets minDate to dt1 date + 1
$('#checkout').datepicker('option', 'minDate', date2);
}
});
$('#checkout').datepicker({
onClose: function () {
var dt1 = $('#checkin').datepicker('getDate');
var dt2 = $('#checkout').datepicker('getDate');
//check to prevent a user from entering a date below date of dt1
if (dt2 <= dt1) {
var minDate = $('#checkout').datepicker('option', 'minDate');
$('#checkout').datepicker('setDate', minDate);
}
}
});
}
}
我希望从第一页选择的datepicker值显示在第二页datepicker字段上,但不会显示第一页datepicker值。 我希望日期格式为dd / mm / yyyy。
也许当您初始化jquery-ui-datepicker时,日期已被替换。
您可以尝试第二页的JavaScript:
$('#checkin').datepicker("setDate", new Date(<?php echo $_POST['checkin']; ?>) );
尝试改变
<input type="text">
至
<input type="date">
在两个页面中
更新:对于jqueryui
<input type="text" value="<?php echo date_format(date_create($_POST['checkin']),"Y-m-d");?>">
更新2:
<input type="text" id="checkin" class="datepicker booking_input booking_input_a booking_in" name="checkin" value="<?php echo $_REQUEST["checkin"] ?>">
<input type="text" id="checkout" class="datepicker booking_input booking_input_a booking_in" name="checkout" value="<?php echo $_REQUEST["checkout"] ?>">
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.