Выбор периода в форме
Связывает даты заезда и выезда, проверяет срок и исключённые даты.
ТИЛЬДА УМЕЕТ ЭТО САМА
Даёт форме поле одной даты, читает его через 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 и попадают в код с правильными типами.
ПАРАМЕТРЫ
- start [data-mk-date-start]
- Дата начала
- end [data-mk-date-end]
- Дата окончания
<script src="https://modkod.ru/mk/v1.0/mod-173.js" defer></script> <script> window.MK_MOD_173 = { minNights: 1, maxNights: 30, blocked: '', }; </script>
mk-date-range
/* Настройки блока → CSS класс.
Один класс на секцию — элементы
внутри мод найдёт сам. */
Пять шагов до готовой страницы
- 01 Подготовьте секцию Откройте настройки нужной секции Zero Block и впишите mk-date-range в поле «CSS class name».
- 02 Добавьте блок T123 блок T123 рядом с формой. Один блок с кодом ставьте один раз на страницу.
- 03 Скопируйте готовую вставку Код ниже подключает закреплённую версию 1.0; её поведение не изменится само после сдачи сайта.
- 04 Опубликуйте страницу Проверяйте опубликованный адрес, а не только предпросмотр редактора Тильды.
- 05 Пройдите приёмку Сборка 1.0 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 12.08.26.
Про этот мод написано
1 разборПохожие задачи
3 модаКвиз в один экран
Показывает по одному размеченному шагу формы и сохраняет родную отправку Тильды.
Проверка телефона
Дописывает формат номера и ловит неполный — там, где у Тильды нет своей маски.
Защита от дублей и простого спама
Отсекает быстрый повтор payload и заполненный honeypot до родной отправки.