Новое

Запрет прошедших дат в календаре формы Tilda

Одно правило на все поля «Дата» сайта: прошедшие дни бледнеют и не выбираются, можно закрыть сегодня и ближайшие N дней. Вписанная руками прошедшая дата стирается.

Бесплатно

За подписку на канал @kalinkindevc

Совместимость
Поле «Дата» в формах Tilda
Стек
Tilda · JavaScript
Формат
HTML-код для блока T123 или поля HEAD в настройках сайта

проблема

Что решает

  • !Клиенты оставляют заявку на вчерашнее число, и менеджер перезванивает уточнить дату
  • !Форм с датой на сайте много, и настраивать недоступные дни в каждой по отдельности долго
  • !Заказ нужно принимать минимум за два дня, а в календаре можно выбрать завтра
  • !Сегодня заказ уже не собрать, но календарь даёт выбрать текущий день

решение

Что получите

  • ✓Одно правило сразу на все поля «Дата» сайта, если вставить код в HEAD
  • ✓Правило «не раньше чем через N дней», например первая доступная дата послезавтра
  • ✓Сегодняшний день можно оставить открытым или закрыть
  • ✓Запрет только в выбранных полях: их имена перечисляются в настройке
  • ✓Прошедшая дата, вписанная руками, стирается, когда посетитель уходит из поля или нажимает Enter

О скрипте

Скрипт закрывает прошедшие дни в календаре полей «Дата»: они бледнеют и не нажимаются. Если посетитель впишет прошедшую дату руками, поле очистится, когда он уйдёт из него или нажмёт Enter.

Когда хватит настройки Tilda

У Tilda есть своя настройка: поле «Дата», раздел «Ещё», там отмечаются недоступные дни. Если форма с датой одна или две, начните с неё.

Когда нужен скрипт

  • форм с датой много: код в HEAD закрывает прошлое во всех полях «Дата» сайта сразу;
  • нужно правило «не раньше чем через N дней», например заказ минимум за двое суток. В настройке Tilda такого правила нет;
  • запрет нужен только в отдельных полях, их имена задаются в настройке.

Скрипт работает в браузере посетителя: «сегодня» считается по часам его устройства, сервер Tilda дату не проверяет. Даты сверху и дни недели скрипт не ограничивает. Сторонних библиотек нет, запросов в сеть код не делает.

Что вы получите

  • 1Формат поставки — HTML-код для блока T123 или поля HEAD в настройках сайта

Частые вопросы

Разве в Tilda нельзя закрыть прошедшие даты без скрипта?

Можно: в поле «Дата» в разделе «Ещё» есть настройка недоступных дней, для одной или двух форм её хватит. Скрипт нужен, когда форм много, когда нужно правило «не раньше чем через N дней» или когда запрет нужен только в части полей.

По какому времени скрипт считает «сегодня»?

По часам устройства посетителя, так же, как календарь Tilda. Покупатель из Владивостока увидит дату по своему времени.

Можно ли обойти запрет?

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

Что будет, если Tilda обновит календарь?

Скрипт завязан на классы и атрибуты календаря Tilda. Если их переименуют, запрет перестанет работать, а сама форма продолжит принимать заявки.

Есть задача?

Обсудим в мессенджере

Расскажите, что нужно сделать — отвечу в течение 4 часов в рабочее время. Первая консультация бесплатно.

Продолжая пользование настоящим сайтом Вы выражаете своё согласие на обработку Ваших персональных данных (файлов куки) с использованием Yandex.Metrika.
Понятно