Есть ли способ отобразить диапазон дат amp-date-picker в одном поле? - PullRequest
Новая
       13

Есть ли способ отобразить диапазон дат amp-date-picker в одном поле?

0 голосов
/ 02 октября 2019

Я настраиваю веб-сайт AMP на основе нашего основного веб-сайта, используя ту же форму бронирования, код PHP. В частности, я использую name="dates" для выбора даты на обычном веб-сайте для отправки в форму 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-форма, AMP-Date-Picker, AMP-Bind и т. Д., Все они доступны на странице.

...