Фильтр по дате в потоках Tilda: календарь и диапазон дней

В афише посетитель обычно ищет событие на конкретный день, а не вспоминает, когда вы опубликовали новость. Поэтому фильтр должен опираться на правильную дату. Иначе занятие на субботу может потеряться среди записей, добавленных во вторник.

Мод фильтра по дате добавляет календарь или горизонтальную ленту дней к карточкам. Настроим источник даты, размещение и поведение после «Показать ещё».

Для новостей может подойти дата публикации. Для занятий, концертов и встреч обычно нужна дата самого события. Сначала решите этот вопрос, затем выбирайте источник в конструкторе.

Мод умеет определять дату автоматически, читать поле потока, элемент карточки или атрибут. Для поля события укажите его системное имя. Используйте полный год: например, «2026-10-24» или «24 октября 2026». Так запись понятнее не только человеку, но и разбору даты.

В «Где применять» задайте ID или общий CSS-класс блоков. У каждой выбранной ленты появится собственный фильтр. Поддерживаются стандартные Потоки, новая CMS, подключённые статьи и свои карточки Zero.

Если на странице есть афиша и отдельный список новостей, начните с одного блока. Проверьте, что календарь меняет нужные карточки. Общий внешний вид двух лент не означает, что у них одинаковые поля даты.

Для своих карточек Zero выберите соответствующий режим и задайте классы article-card и article-date. Шейп с классом date-filter определяет место фильтра. Вводите имена классов так же, как в настройках конструктора.

Оставьте место для фильтра на каждом адаптиве. Широкая лента дней и компактный календарь занимают разное пространство. Проверьте крайние даты, подписи месяца и положение относительно заголовка, чтобы управление не оказалось поверх карточек.

Определите, нужен один день или период. Для записи на ближайшее занятие удобен конкретный день, для архива публикаций — несколько дат. Выберите календарь или ленту и проверьте понятность сброса.

Карточки без распознаваемой даты не смогут участвовать в обычном отборе по периоду. При сбросе они остаются видимыми. Если такая карточка неожиданно исчезла после выбора дня, сначала проверьте её поле даты, а не оформление календаря.

Фильтр работает среди карточек, которые уже загружены на странице. Он не гарантирует поиск во всём большом архиве одним выбором даты. После загрузки следующей порции новые карточки тоже проверяются.

Этот предел особенно важен для афиши. Если нужное событие находится далеко в следующей порции, посетитель может ещё не видеть его. Согласуйте нативную выдачу, подгрузку и задачу фильтра. Не подписывайте результат как полный поиск по архиву без отдельной проверки.

1. Выберите блок и источник даты.
2. Настройте день или диапазон и способ размещения.
3. Добавьте один код в T123 после статей и опубликуйте страницу.
4. Проверьте известную дату, пустой период и сброс.
5. Переключите рубрику, нажмите «Показать ещё» и повторите отбор.

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

Читайте также: Меню в Tilda: Zero Block, фиксация и Atelier · Аккордеон в Tilda: поиск по FAQ и ссылки на ответы.