Поле за дата
Събирайте дати с прецизност и контрол. От резервации за срещи до дати на раждане с гъвкаво форматиране, ограничения за диапазон от дати и интелигентно валидиране – полето „Дата“ предоставя на вградените инструменти за избор на календар мощни контроли за минали дати, бъдещи дати, уикенди и персонализирани диапазони.
Професионално събиране на данни с интелигентно валидиране
Идеално за:
Мощни функции за всеки случай на употреба
📅 Четири формата на дата
Изберете регионални предпочитания:
Първа година: 31.12.2023 г. (ISO 8601)
Международен стандартен формат. Най-подходящ за бази данни, сортиране и технически приложения.
Първи месец: 31.12.2023 г. (американски стил)
Американски формат. Най-познат на потребителите в САЩ с подредбата месец-ден-година.
Първи ден: 31.12.2023 г. (по британски стил)
Британски/европейски формат с подредба ден-месец година. Разпространен в международен план.
Първи ден с тирета: 31-12-2023
Алтернативен европейски формат, използващ тирета вместо наклонени черти.
Защо форматът е важен:
Отговаря на очакванията на потребителите по регион
Предпазва от объркване и грешки
Осигурява последователно съхранение на данни
Подобрява процента на попълване на формуляри
Персонализиране на дисплея:
Форматът влияе върху начина, по който датите се показват на потребителите, като същевременно запазва стандартния формат за съхранение вътрешно.
📏 Ограничения за диапазон от дати
Контрол на избираемите дати:
Първа разрешена дата (минимум):
Задайте най-ранната дата, която потребителите могат да изберат. Датите преди тази дата са деактивирани в инструмента за избор на календар.
Примери:
- Регистрация за събитие: Минимална дата = дата на обявяване на събитието
- Срещи: Минимална дата = днес (няма предишни резервации)
- Исторически данни: Минимална дата = дата на основаване на компанията
- Крайни срокове на проекта: Минимална дата = начална дата на проекта
Последна разрешена дата (максимална):
Задайте последната дата, която потребителите могат да избират. Датите след тази дата са деактивирани в инструмента за избор на календар.
Примери:
- Ранна регистрация: Максимална дата = краен срок
- Ограничена наличност: Максимална дата = последна налична дата
- Исторически записи: Максимална дата = днес
- Конкретен срок: Максимална дата = край на промоцията
Бутони за бързи настройки:
Задайте минимални/максимални дати на днешната дата с едно щракване или изчистете ограниченията мигновено.
⏮️ Блокиране на минали дати
Предотвратяване на избора на предишни дати:
Активирайте „Блокиране на минали дати“, за да деактивирате всички дати преди днешната. Потребителите могат да избират само днешна или бъдеща дата.
Перфектен за:
- Запазване на час (без минали срещи)
- Регистрация за събитие (само за предстоящи събития)
- Избор на дата на доставка (бъдещи доставки)
- Системи за резервации (предварителни резервации)
- Крайни срокове (трябва да са в бъдещето)
Умно поведение:
Актуализира се автоматично ежедневно – днешната дата е винаги валидна, вчерашната се деактивира. Не е необходимо ръчно управление на датите.
Комбинира се с други ограничения:
Използвайте с максимална дата, за да създадете бъдещи прозорци (напр. резервации от днес до 30 дни напред).
⏭️ Блокиране на бъдещи дати
Предотвратяване на избора на предстоящи дати:
Активирайте „Блокиране на бъдещи дати“, за да деактивирате всички дати след днешната. Потребителите могат да избират само днешна или минала дата.
Перфектен за:
- Събиране на дата на раждане (не може да бъде в бъдеще)
- Дати на исторически събития (само минали)
- Дати на започване на опита (кога започнахте?)
- Дати на завършване (вече случили се)
- Годишнини (минали събития)
Употреба в реалния свят:
Осигурява логично въвеждане на дати – датите на раждане, датите на наемане, датите на дипломиране трябва да са в миналото.
Вградена валидация:
Браузърът автоматично предотвратява невалидните селекции. Не са необходими объркващи съобщения за грешки.
📆 Деактивиране на уикендите
Избор на блок за събота и неделя:
Активирайте „Без избор на уикенд“, за да деактивирате съботите и неделите в инструмента за избор на календар. Могат да се избират само делнични дни (понеделник-петък).
Перфектен за:
- Запазване на бизнес срещи
- Планиране на доставки в офиса
- Избор на дата за консултация
- Запазване на час за сервизно обслужване (само от понеделник до петък)
- Планиране на B2B срещи
Интелигентни взаимодействия:
Ако потребителят по някакъв начин избере уикенд (чрез клавиатурата), системата автоматично го коригира на следващия понеделник. Безпроблемна защита.
Комбинира се с други опции:
Работи с ограничения за минало/бъдеще – могат да се избират само дните от седмицата в рамките на разрешения диапазон.
🎯 Опции за дата по подразбиране
Предварително изберете начални дати:
Няма предварително избрана дата (празно):
Полето е в началото празно. Потребителите трябва активно да изберат дата. Най-подходящо за дати, които варират значително.
Днешна дата:
Автоматично предварително попълва с текущата дата при зареждане на формуляра. Актуализира се динамично всеки ден.
Случаи на употреба:
- Полета „Дата на запитването“
- Формуляри за времеви печати
- Документация с актуална дата
- Избор на днешния график
Дата утре:
Автоматично предварително попълва с утрешната дата. Идеално за резервации на следващия ден.
Случаи на употреба:
- Избор за доставка на следващия ден
- Записвания за утре
- Бъдещи събития по подразбиране
- Наличност на следващия ден
Персонализирана специфична дата:
Изберете всяка фиксирана дата за предварителен избор. Чудесно за предложени дати или формуляри, специфични за събитие.
Случаи на употреба:
- Препоръчителна дата за среща
- Настройки по подразбиране за дата на събитието
- Предложения за крайни срокове
- Дати на предварително попълнени заявления
📱 Избор на календар
Избор на дата, оптимизиран за браузъра:
Използва HTML5 входни данни за дата с вградения в браузъра инструмент за избор на календар. Осигурява познато, специфично за платформата изживяване.
Външен вид, специфичен за платформата:
- iOS: Красив селектор с колело
- Android: Календар с материален дизайн
- Настолен Chrome: Падащ календар
- Desktop Safari: Компактен инструмент за избор
- Всички са оптимизирани за тяхната платформа
Ползи:
- Не е необходима JavaScript библиотека
- Незабавно зареждане
- Достъпно по подразбиране
- Навигация с клавиатура
- Оптимизиран за докосване
- Минимален размер на файла
Щракнете навсякъде:
Цялото поле е кликаемо, за да се отвори календар. Голямата интерактивна област подобрява използваемостта.
✅ Интелигентно валидиране на дата
Вградени слоеве за валидиране:
Валидиране на формата:
Браузърът автоматично гарантира правилния формат на датата. Потребителите не могат да въвеждат невалидни дати, като например „2023-13-45“.
Валидиране на диапазона:
Минимални/максимални дати, наложени на ниво инструмент за избор. Невалидните дати са деактивирани – не могат да бъдат избрани.
Логическа валидация:
Ограниченията за минало/бъдеще/уикенд се прилагат автоматично. Системата предотвратява невалидни избори.
Изчистване на съобщения за грешки:
Ако потребителите по някакъв начин заобиколят ограниченията, ясните съобщения обясняват: „Дата трябва да е след 01.01.2024 г.“ или „Дата трябва да е преди 31.12.2024 г.“
🔀 Условна логика
Видимост на динамичното поле за дата:
Показване или скриване на полета за дата въз основа на други стойности на формуляра. Показване на съответните полета за дата само когато е необходимо.
Правила за разширена логика:
- И логика – Всички условия трябва да бъдат изпълнени
- Логика ИЛИ – Всяко условие може да задейства действието
- 8 оператора – Равно, Не е равно, По-голямо от, По-малко от, Съдържа, Е празно и други
Случаи на употреба:
- Показване на „Предпочитана дата“ само когато типът резервация е „Среща“
- Показване на „Дата на събитието“, когато типът събитие не е празен
- Показване на „Дата на доставка“, когато методът на доставка е равен на „Планирана“
- Скриване на „Дата на връщане“, когато типът билет е „Еднопосочен“
🎯 Подобрено потребителско изживяване
Вградени интелигентни функции:
- Визуален дисплей за дата – Избраната дата се показва в четлив формат
- Икона на календара – визуален индикатор за избор на дата
- Навигация с клавиатура – клавишите със стрелки навигират в календара
- Достъпност на раздели – Пълна поддръжка на клавиатура
- Оптимизирано за докосване – Големи сензорни елементи на мобилни устройства
- Автоматична корекция – Невалидните дати се коригират автоматично до най-близката валидна дата
- Маркиране днес – Текущата дата е маркирана в инструмента за избор
- Бърз избор – Щракнете върху дата, инструментът за избор се затваря автоматично
- Поддръжка на помощен текст – Добавяне на подсказки или инструкции за форматиране на дата
- Задължителна проверка – Изборът на дата е задължителен
- Персонализирани CSS класове – Прилагане на персонализирано стилизиране
- Поддръжка за достъпност – ARIA етикети, съвместими с екранен четец
Лесна настройка в 3 стъпки
Подгответе полето си за дата за минути
Добавяне на поле за дата
Плъзнете и пуснете полето „Дата“ от секцията „Основни полета“ във формуляра си.
Изберете формат и диапазон
Изберете формат на датата (САЩ, Великобритания, ISO), по избор задайте минимални/максимални граници на датата и активирайте блокиране за минало/бъдеще/уикенд, ако е необходимо.
Задаване на дата по подразбиране
Изберете дали полето да започва празно, да се попълва предварително с днес, утре или персонализирана дата, която посочите.
???? Това е всичко! Полето ви за дата е готово с интелигентна проверка и вградени инструменти за избор.
Приложения от реалния свят
Резервация на среща
* Дати за медицински прегледи
* Записване на консултации
* Избор на сервизно насрочване
* Координация на датата на срещата
Регистрация на събитието
* Дати на посещение на събитието
* Избор на дата за семинара
* Регистрация за конференцията
* Дати за записване в клас
Доставка и доставка
* Предпочитани дати на доставка
* Избор на дата на доставка
* Планиране на датата на вземане
* Планиране на датата на изпращане
Бизнес приложения
* Крайни срокове на проекта
* Крайни срокове на задачите
* Дати на влизане в сила на договора
* Дати на начало/край на споразумението
Лична информация
* Събиране на дата на раждане
* Дати на годишнината
* Дата на започване на работа
* Дати на завършване на образованието
Резервации
* Дати на настаняване в хотела
* Дати на започване на наема
* Дати на потвърждение на резервацията
* Избор на период на резервация
Опции за пълно поле
Основна конфигурация
- Етикет на полето – Заглавието, показано над полето за дата
- Описание/Помощен текст – Допълнителни указания за потребителите
- Задължително поле – Изборът на дата е задължителен
- Заместител – Не е приложимо за местни инструменти за избор на дата
Дата Format
- Как да се показват дати:
- Първа година: 31.12.2023 г. (ISO 8601)
- Първи месец: 31.12.2023 г. (американски стил)
- Първи ден: 31.12.2023 г. (по британски стил)
- Първи ден с тирета: 31-12-2023
Ограничения за диапазон от дати
- Първа разрешена дата – Най-ранната дата, която потребителите могат да изберат (оставете празно за без ограничение)
- Последна разрешена дата – Последна дата, която потребителите могат да изберат (оставете празно за без ограничение)
Опции за блокиране на дати
- Блокиране на минали дати – Предотвратява избирането на дати преди днешната
- Блокиране на бъдещи дати – Предотвратява избирането на дати след днешната
- Без избор на уикенд – Предотвратява избора на събота и неделя
Избор на начална дата:
- Няма предварително избрана дата (празно) – Полето започва празно
- Днешна дата – Текущата дата е предварително попълнена
- Утрешна дата – Предварително попълнено следващо
- Конкретна дата (вие избирате) – Предварително попълнена персонализирана дата
Персонализирана дата по подразбиране – Изберете начална дата (показва се, когато е избрано „Конкретна дата“)
Условна логика
- Активиране на условна логика – Показване/скриване въз основа на условия
- Тип логика
- Всички условия трябва да бъдат изпълнени (И)
- Всяко условие може да бъде изпълнено (ИЛИ)
- Правила за условия
- Показване/Скриване – Действие, което да се предприеме
- Поле – Кое поле да се провери
- Оператор – Равно, Не е равно, Съдържа, По-голямо от, По-малко от, Празно е, Не е празно
- Стойност – Стойност за сравнение
- Множество условия – Добавете неограничен брой правила
Разширени опции
- Скрито поле – Направете полето невидимо, но включете датата в заявките
- Персонализирани CSS класове – Прилагане на персонализирано стилизиране
- Атрибути за достъпност – ARIA етикети за екранни четци
Защо да изберете нашето поле за дата?
✅ Множество формати – американски, британски, ISO и пунктиран формат
✅ Контрол на диапазона от дати – Задайте прецизно минимални/максимални граници
✅ Блокиране на минали дати – Позволяване само на избор на бъдещи дати
✅ Блокиране на бъдещи дати – Позволявайте само избор на минали дати
✅ Деактивиране на уикендите – избор само за делнични дни за бизнеса
✅ Интелигентни настройки по подразбиране – Предварително попълване с днешна, утрешня или персонализирана дата
✅ Native Pickers – Календари, оптимизирани за браузър за всяка платформа
✅ Автоматично валидиране – Не могат да се избират невалидни дати
✅ Напълно интегриран – Работи безпроблемно с всички функции на формуляра
Често задавани въпроси
В: Какви формати за дата се поддържат?
Четири формата: ISO (2023-12-31), US (12/31/2023), UK (31/12/2023) и Dashed (31-12-2023). Изберете формата, който най-добре отговаря на вашата аудитория.
В: Как да предотвратя избора на минали дати от потребителите?
Активирайте „Блокиране на минали дати“. Всяка дата преди днешната става невъзможна за избиране в инструмента за избор на дата.
В: Мога ли да огранича датите до определен диапазон?
Да. Задайте „Първа разрешена дата“ и „Последна разрешена дата“, за да ограничите избора до определен прозорец.
В: Какво прави „Disable Weekends“?
Това премахва възможността за избор на събота и неделя. Остават налични само дните от понеделник до петък.
В: Как работят датите по подразбиране?
Изберете дали полето да е празно в началото, да показва днешна дата, утрешна дата или персонализирана дата. Днешната и утрешната дата се настройват автоматично.
В: Изглежда ли инструментът за избор на дата еднакво на всички устройства?
Не. Използва вградения потребителски интерфейс на всяко устройство – селектори с колелца за iOS, календари за Android, селектори за настолни компютри и т.н.
В: Мога ли да блокирам бъдещи дати за полетата за дата на раждане?
Да. Включете „Блокиране на бъдещи дати“, за да могат потребителите да избират само дати до днешния ден включително.
В: Как работят минималните/максималните дати заедно с блокирането на минало/бъдеще?
Те се натрупват. Например, блокирането на минали дати плюс максимална дата от 30 дни напред води до диапазон от днес до 30 дни напред.
В: Могат ли потребителите да въвеждат дати, вместо да използват инструмента за избор?
Някои браузъри позволяват въвеждане с валидиране. Други налагат избиране на дата. Всички налагат правилно форматиране.
В: Какво се случва, ако потребител избере уикенд, когато уикендите са деактивирани?
Системата се настройва автоматично към най-близкия валиден ден от седмицата, обикновено следващия понеделник.
В: Мога ли да използвам условна логика с полета за дата?
Да. Използвайте сравнения като „Равно е“, „Празно е“, „Не е празно“, „По-голямо от“ или „По-малко от“, за да контролирате видимостта на други полета.
В: Как да определя краен срок?
Въведете крайния си срок в „Последна разрешена дата“. Потребителите не могат да избират дати след тази точка. Комбинирайте с „Блокиране на минали дати“, ако се нуждаете от наличност само за бъдещето.
