如何将选定的日期选择器值从第一页显示到第二页日期选择器上

Question

我在一家酒店预订网站上工作。我在主页上有基本表格，包括登记入住、退房、成人人数、儿童人数。当用户输入这些详细信息并单击“立即预订”时，将加载具有更多输入字段的另一个页面（预订页面）。在此页面上，我想显示上一页中选择的值。我可以显示下拉值，但无法将上一页的日期选择器值显示到此页面的日期选择器字段中。如何获取日期选择器值以显示在第二页日期选择器字段上？谢谢你的帮助。

我尝试在日期选择器的输入字段中发布值，但没有奏效。我可以将第一页 datepicker 值作为文本发布，但不能在 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);

         }

      });

我希望从第一页选择的日期选择器值显示在第二页日期选择器字段上，但它没有显示第一页日期选择器值。我希望日期格式为 dd/mm/yyyy。

Answer 1

尝试改变<input&nbsp;type="text">到<input&nbsp;type="date">在两页更新：对于 jqueryui<input&nbsp;type="text"&nbsp;value="<?php&nbsp;echo&nbsp;date_format(date_create($_POST['checkin']),"Y-m-d");?>">更新2：<input&nbsp;type="text"&nbsp;id="checkin"&nbsp;class="datepicker&nbsp;booking_input&nbsp;booking_input_a&nbsp;booking_in"&nbsp;name="checkin"&nbsp;value="<?php&nbsp;echo&nbsp;$_REQUEST["checkin"]&nbsp;?>"> <input&nbsp;type="text"&nbsp;id="checkout"&nbsp;class="datepicker&nbsp;booking_input&nbsp;booking_input_a&nbsp;booking_in"&nbsp;name="checkout"&nbsp;value="<?php&nbsp;echo&nbsp;$_REQUEST["checkout"]&nbsp;?>">

Answer 2

也许当您初始化 jquery-ui-datepicker 时，日期会被替换。您可以尝试在第二页的 JavaScript 中：$('#checkin').datepicker("setDate", new Date(<?php echo $_POST['checkin']; ?>) );