Перейти к содержимому
ИЗБРАННОЕ 0 Забрать бесплатно
Модификации выключены. Так эта страница выглядит на обычной Тильде.

Выбор периода в форме

MOD-173 ФОРМЫ И КВИЗЫ v1.0 ГОТОВ ✓ ПРОВЕРЕНО 12.08.26
Сообщить о проблеме

Связывает даты заезда и выезда, проверяет срок и исключённые даты.

ТИЛЬДА УМЕЕТ ЭТО САМА

Даёт форме поле одной даты, читает его через t_datepicker__readDateFromInput и оставляет проверку формату t_datepicker__isDateValid. Форменный API умеет безопасно записывать значение и уведомлять форму об изменении.

Где это у неё: t_datepicker__readDateFromInput, t_datepicker__isDateValid, t_formsApi__safeSetValue и t_formsApi__safeValue в рантайме форм Тильды.

Чего в родной версии нет: Одно поле даты не выбирает диапазон, не считает минимальный срок и не исключает заданные дни. Связи с реальной системой бронирования у браузерного поля всё равно нет.

ГОТОВ · ТЕХНИЧЕСКИЙ КОНТРАКТ

Как устроен мод

ГОТОВ И ПРОВЕРЕН

РЕЗУЛЬТАТ

Связывает даты заезда и выезда, проверяет срок и исключённые даты.

КАК ВСТРАИВАЕТСЯ

Готовый файл подключается через блок T123 рядом с формой. Секции назначается класс mk-date-range. Настройки передаются в MK_MOD_173; генератор ниже собирает их без ручной правки JavaScript.

ГРАНИЦЫ БЕЗОПАСНОСТИ

  • Мод меняет только размеченную секцию или явно выбранные элементы и не подменяет отправку форм, оплату либо серверные данные Тильды.
  • Не переименовывать класс и служебные data-атрибуты после копирования: по ним мод отделяет свой экземпляр от остальных блоков страницы.
  • После изменения структуры блока повторить опубликованный сценарий из чек-листа, а не ограничиваться просмотром в редакторе.

КРИТЕРИИ ГОТОВНОСТИ

  • Сборка 1.0 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 12.08.26.
  • Повторная инициализация не создаёт второй экземпляр интерфейса и не ломает соседние стандартные блоки.
  • Параметры генератора совпадают с meta.json и попадают в код с правильными типами.

ПАРАМЕТРЫ

1
1 60
30
1 365
YYYY-MM-DD через запятую.
ЕСТЬ ЕЩЁ, ВНУТРИ ФАЙЛА
start [data-mk-date-start]
Дата начала
end [data-mk-date-end]
Дата окончания
КУДА ВСТАВЛЯТЬ: блок T123 рядом с формой
<script src="https://modkod.ru/mk/v1.0/mod-173.js" defer></script>
<script>
  window.MK_MOD_173 = {
    minNights: 1,
    maxNights: 30,
    blocked: '',
  };
</script>
6.8 КБ ПО СЕТИ · БЕЗ ВНЕШНИХ БИБЛИОТЕК · v1.0 Открыть mod-173.js целиком →
НЕ ХОТИТЕ ЗАВИСЕТЬ ОТ НАШЕГО ДОМЕНА Тот же мод одним куском, 17.7 КБ в блок T123 →
УСТАНОВКА БЕЗ ПРАВКИ JAVASCRIPT

Пять шагов до готовой страницы

v1.0 ЗАКРЕПЛЕНА
  1. 01 Подготовьте секцию Откройте настройки нужной секции Zero Block и впишите mk-date-range в поле «CSS class name».
  2. 02 Добавьте блок T123 блок T123 рядом с формой. Один блок с кодом ставьте один раз на страницу.
  3. 03 Скопируйте готовую вставку Код ниже подключает закреплённую версию 1.0; её поведение не изменится само после сдачи сайта.
  4. 04 Опубликуйте страницу Проверяйте опубликованный адрес, а не только предпросмотр редактора Тильды.
  5. 05 Пройдите приёмку Сборка 1.0 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 12.08.26.

Про этот мод написано

1 разбор

Похожие задачи

3 мода