有没有一种方法可以在一个框中显示amp-date-picker日期范围?

时间:2019-10-01 22:02:58

标签: php amp-html amp-date-picker

我正在使用我们的主要网站,使用相同的预订表格PHP代码来建立AMP网站。具体来说,我将name="dates"用于普通网站上的daterangepicker,发送给booking.php表单,并希望在AMP网站上复制该表单。

我已经尝试过使用Mustache和其他一些不同的解决方案,但是它不起作用。

<amp-date-picker type="range" mode="overlay" id="range-date-picker" minimum-nights="0" locale="<?php echo $this->session->userdata('lang');?>" on="
    select:
        AMP.setState({
        dates: event.dates,
        startDate: event.start,
        endDate: event.end
        })" 
    format="DD/MM/YYYY" open-after-select min="<?= date("Y-m-d");?>" start-input-selector="#range-start" end-input-selector="#range-end" class="example-picker space-between">
    <div class="formFieldWrap">
        <span visible-when-invalid="valueMissing" validation-for="range-start"></span>
        <input type="text" name="dates" placeholder="Enter your dates" value="date range here" class="contactField" id="range-start" required />
        <div id="range-end"></div>
    </div>
</amp-date-picker>

我想在值中显示日期,以便将这些日期作为一个日期发送到PHP预订表单。我已经设置<div id="range-end"></div>来有效地取消第二个字段框的需要,但是当然在第一个字段中设置的值仅显示开始日期。页面上有可用的AMP-Form,AMP-Date-Picker,AMP-Bind等。

0 个答案:

没有答案