Javascript 如何将所选日期选择器值从第一页显示到第二页日期选择器

Javascript 如何将所选日期选择器值从第一页显示到第二页日期选择器,javascript,php,html,forms,jquery-ui-datepicker,Javascript,Php,Html,Forms,Jquery Ui Datepicker,我在一个酒店预订网站上工作。我在主页上有基本表格,包括入住、退房、成人人数、儿童人数。当用户输入这些详细信息并单击“立即预订”时,将加载另一个包含更多输入字段的页面(预订页面)。在此页面上,我想显示上一页中选择的值。我可以显示下拉列表值,但无法将上一页的日期选择器值显示在此页的日期选择器字段中。 如何获取要显示在第二页datepicker字段上的datepicker值? 谢谢你的帮助 我试图在datepicker的输入字段中发布这些值,但没有成功。 我可以获取要作为文本发布的第一页日期选择器值,

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

我试图在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>


也许在初始化jQueryUIDatePicker时,日期会被替换

您可以在第二页的JavaScript中尝试:

$(“#签入”).datepicker(“setDate”,new Date())

试着改变

<input type="text">


在两页中

更新:适用于jqueryui

<input type="text" value="<?php echo date_format(date_create($_POST['checkin']),"Y-m-d");?>">

看起来他在使用Jquery UI或者引导数据采集器。据我所知,它们都需要您使用jQuery设置值。您的解决方案将很好地工作,只是没有花哨的设计和功能。是的。我正在使用jQueryUIDatePicker。它要求输入类型为文本。@IvanTyler您可以发布刚才想提及的内容的输出吗。我已将jQuery插件文件(jQuery.ui.js)中的日期格式更改为dd/mm/yy。@CaffeinatedCod3r一切正常!我删除了dateformat,只是添加了一些值,它工作得非常好。问题在于我的js。我在我发布的代码上面有一些条件。我删除了它,现在它可以工作了。非常感谢你的帮助!谢谢你的回复。我在问题中添加了我的datepicker jQuery代码。当我添加您建议的代码时,第2页显示的是当前日期,而不是第1页上选择的日期。请使用dateFormat选项根据以前的签入后数据格式格式化您的数据。对不起。我是新来的。如何使用dateFormat格式化日期?发布日期为dd/mm/yyyy格式。我已经更新了js的第一行。日期值周围应该有引号,否则它将不是有效的js,即
newdate(“”
<input type="date">
<input type="text" value="<?php echo date_format(date_create($_POST['checkin']),"Y-m-d");?>">
<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"] ?>">