Как создать выбор дат заезда/отъезда

Пошаговое руководство по созданию связанных полей календаря для диапазона дат

Overview

В этом руководстве показано, как связать два поля календаря с именами "arrival" (заезд) и "departure" (отъезд), чтобы создать селектор диапазона дат. Вы настроите поле "Arrival" с ограничениями по дате/времени и укажете поле "End Date Field", а затем примените аналогичные настройки к полю "Departure", указав поле "Start Date Field". В результате получатся два взаимосвязанных календаря, где дату отъезда нельзя выбрать раньше выбранной даты заезда.

Мы начинаем нашу форму с 2 полей Календаря, как показано

Как создать выбор дат заезда/отъезда image 2

Обратите внимание, что имена наших полей — arrival и departure, как показано

В настройках поля Arrival мы меняем формат на использование только Даты, включаем поведение Date/Time Limits и указываем End Date Field name:

Как создать выбор дат заезда/отъезда image 3

В поле Departure мы делаем то же самое, но здесь указываем Start Date Field Name:

Как создать выбор дат заезда/отъезда image 4

 

Конечный результат — 2 поля календаря, связанные в диапазоне дат; мы не можем выбрать даты Departure до 12-го числа, потому что 12-е — это дата Arrival.

Как создать выбор дат заезда/отъезда image 5

Comments:

You need to login to be able to post a comment.