Поле даты
Збірайце даты з дакладнасцю і кантролем. Ад браніравання сустрэч да дат нараджэння з гнуткім фарматаваннем, абмежаваннямі дыяпазону дат і разумнай праверкай — поле «Дата» забяспечвае ўбудаваныя выбаршчыкі календароў магутнымі элементамі кіравання для мінулых дат, будучых дат, выхадных і карыстальніцкіх дыяпазонаў.
Прафесійны збор дат з дапамогай разумнай праверкі
Ідэальна падыходзіць для:
Магутныя функцыі для любога выпадку выкарыстання
📅 Чатыры фарматы даты
Выберыце рэгіянальныя налады:
Першы год: 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), пры неабходнасці ўсталюйце мінімальныя/максімальныя межы даты і ўключыце блакаванне мінулага/будучага/выхадных дзён па меры неабходнасці.
Устанавіць дату па змаўчанні
Выберыце, ці павінна поле пачынацца пустым, ці павінна яно запаўняцца сённяшняй, заўтрашняй ці ўказанай вамі ўласную дату.
???? Вось і ўсё! Ваша поле даты гатовае да выкарыстання разумнай праверкі і ўбудаваных выбаршчыкаў.
Рэальныя прыкладанні
Браніраванне сустрэчы
* Даты прыёму лекара
* Планаванне кансультацый
* Выбар прызначэння на абслугоўванне
* Узгадненне даты сустрэчы
Рэгістрацыя падзей
* Даты наведвання мерапрыемстваў
* Выбар даты семінара
* Рэгістрацыя на канферэнцыю
* Даты запісу на заняткі
Дастаўка і дастаўка
* Пажаданыя даты дастаўкі
* Выбар даты дастаўкі
* Планаванне даты самавывазу
* Планаванне даты адпраўкі
Бізнэс-прыкладанні
* Тэрміны выканання праектаў
* Тэрміны выканання задач
* Даты ўступлення ў сілу кантракту
* Даты пачатку/заканчэння пагаднення
Асабістая інфармацыя
* Збор даты нараджэння
* Юбілейныя даты
* Дата пачатку працы
* Даты заканчэння адукацыі
Браніраванне
* Даты засялення ў гатэль
* Даты пачатку арэнды
* Даты пацверджання браніравання
* Выбар перыяду браніравання
Поўныя параметры поля
Асноўная канфігурацыя
- Пазнака поля — загаловак, які адлюстроўваецца над полем даты
- Апісанне/Даведка — дадатковыя рэкамендацыі для карыстальнікаў
- Абавязковае поле — Зрабіце выбар даты абавязковым
- Запаўняльнік — не распаўсюджваецца на натыўныя выбаршчыкі даты
фармат даты
- Як адлюстраваць даты:
- Першы год: 31.12.2023 (ISO 8601)
- Першы месяц: 31.12.2023 (па амерыканскім стылі)
- Дзень першы: 31.12.2023 (па брытанскім стылі)
- Першы дзень з працяжнікамі: 31-12-2023
Абмежаванні дыяпазону дат
- Першая дазволеная дата – самая ранняя дата, якую могуць выбраць карыстальнікі (пакіньце поле пустым, калі няма абмежаванняў)
- Апошняя дазволеная дата – апошняя дата, якую могуць выбраць карыстальнікі (пакіньце поле пустым, калі няма абмежаванняў)
Параметры блакіроўкі даты
- Блакіраваць мінулыя даты — не дазваляе выбіраць даты раней за сённяшнюю
- Блакіраваць будучыя даты — не дазваляе выбіраць даты пасля сённяшняй
- Няма выбару выхадных — не дазваляе выбіраць суботу і нядзелю
Выбар даты пачатку:
- Няма папярэдне выбранай даты (пуста) – поле пачынаецца пустым
- Сённяшняя дата — бягучая дата запоўнена загадзя
- Заўтрашняя дата – На наступны дзень загадзя запоўнена
- Канкрэтная дата (на ваш выбар) – загадзя запоўненая карыстальніцкая дата
Дата па змаўчанні — выберыце дату пачатку (паказваецца, калі выбрана «Канкрэтная дата»)
Умоўная логіка
- Уключыць умоўную логіку – паказваць/схоўваць у залежнасці ад умоў
- Лагічны тып
- Усе ўмовы павінны быць выкананы (І)
- Любая ўмова можа быць выканана (АБО)
- Правілы ўмоў
- Паказаць/схаваць – дзеянне, якое трэба выканаць
- Поле – якое поле праверыць
- Аператар – Роўна, Не роўна, Змяшчае, Больш за, Менш за, Пуста, Не пуста
- Значэнне – значэнне параўнання
- Некалькі ўмоў - дадайце неабмежаваную колькасць правілаў
Дадатковыя параметры
- Схаванае поле — зрабіць поле нябачным, але ўключыць дату ў адпраўленыя матэрыялы
- Карыстальніцкія класы CSS — прымяненне карыстальніцкага стылю
- Атрыбуты даступнасці — меткі ARIA для праграм чытання з экрана
Чаму варта выбраць наша поле даты?
✅ Некалькі фарматаў – амерыканскі, брытанскі, ISO і штрыхаваны фармат
✅ Кантроль дыяпазону дат – дакладна ўсталюйце мінімальныя/максімальныя межы
✅ Блакіраваць мінулыя даты – Дазволіць выбар толькі будучых дат
✅ Блакіраваць будучыя даты – Дазволіць выбар толькі мінулых дат
✅ Адключыць выхадныя – выбар толькі ў буднія дні для бізнесу
✅ Разумныя налады па змаўчанні — загадзя запоўніце сённяшняй, заўтрашняй або карыстальніцкай датай
✅ Native Pickers – календары, аптымізаваныя для браўзера для кожнай платформы
✅ Аўтаматычная праверка – нельга выбраць няправільныя даты
✅ Поўная інтэграцыя — бездакорна працуе з усімі функцыямі формы
Questions fréquemment posées
Пытанне: Якія фарматы даты падтрымліваюцца?
Чатыры фарматы: ISO (2023-12-31), US (12/31/2023), UK (31/12/2023) і Dashed (31-12-2023). Выберыце фармат, які найлепш адпавядае вашай аўдыторыі.
Пытанне: Як мне забараніць карыстальнікам выбіраць мінулыя даты?
Уключыце опцыю «Блакіраваць мінулыя даты». Любая дата перад сённяшняй становіцца недаступнай у сродку выбару даты.
Пытанне: Ці магу я абмежаваць даты пэўным дыяпазонам?
Так. Усталюйце «Першую дазволеную дату» і «Апошнюю дазволеную дату», каб абмежаваць выбар вызначаным акном.
Пытанне: Што робіць «Disable Weekends»?
Гэта прыбірае суботу і нядзелю з выбару. Даступныя застаюцца толькі з панядзелка па пятніцу.
Пытанне: Як працуюць даты па змаўчанні?
Выберыце, ці павінна поле пачынацца пустым, паказваць сённяшнюю дату, заўтрашнюю дату ці ўласную дату. Сённяшняя і заўтрашняя дата наладжваюцца аўтаматычна.
Пытанне: Ці выглядае выбар даты аднолькава на ўсіх прыладах?
Не. Ён выкарыстоўвае ўбудаваны інтэрфейс кожнай прылады — колы селектара iOS, календары Android, селектары працоўнага стала і гэтак далей.
Пытанне: Ці магу я заблакаваць будучыя даты для палёў даты нараджэння?
Так. Уключыце опцыю «Блакіраваць будучыя даты», каб карыстальнікі маглі выбіраць толькі даты да сённяшняй уключна.
Пытанне: Як мінімальныя/максімальныя даты працуюць разам з блакіроўкай мінулага/будучага часу?
Яны складаюцца. Напрыклад, блакаванне мінулых дат плюс максімальная дата на 30 дзён наперад прыводзіць да дыяпазону ад сённяшняга дня да 30 дзён наперад.
Пытанне: Ці могуць карыстальнікі ўводзіць даты замест выкарыстання выбару?
Некаторыя браўзеры дазваляюць уводзіць тэкст з праверкай. Іншыя прымусова выкарыстоўваюць выбар даты. Усе прымусова забяспечваюць правільнае фарматаванне.
Пытанне: Што адбудзецца, калі карыстальнік выбера выхадныя, калі выхадныя адключаныя?
Сістэма аўтаматычна падладжваецца пад бліжэйшы дзеючы дзень тыдня, звычайна наступны панядзелак.
Пытанне: Ці магу я выкарыстоўваць умоўную логіку з палямі даты?
Так. Выкарыстоўвайце параўнанні, такія як «Роўна», «Пуста», «Не пуста», «Больш за» або «Менш за», каб кіраваць бачнасцю іншых палёў.
Пытанне: Як мне ўсталяваць тэрмін выканання?
Увядзіце тэрмін у поле «Апошняя дазволеная дата». Пасля гэтай даты карыстальнікі не могуць выбіраць даты. Калі вам патрэбна даступнасць толькі ў будучыні, спалучайце з опцыяй «Блакіраваць мінулыя даты».
