Поле часу
Збірайце час дакладна і лёгка. Ад планавання сустрэч да выбару змены з дапамогай элегантных убудаваных інструментаў выбару часу, разумных інтэрвалаў і гнуткага фарматавання — поле «Час» забяспечвае праверку, наладу і зручны інтэрфейс для карыстальніка.
Інтэлектуальны збор дадзеных аб часе з убудаванай праверкай
Ідэальна падыходзіць для:
Магутныя функцыі для любога выпадку выкарыстання
🕐 Гнуткія фарматы часу
24-гадзінны або 12-гадзінны дысплей
Выберыце фармат, які адпавядае вашай аўдыторыі. Выкарыстоўвайце 24-гадзінны ваенны час (14:30) для замежных карыстальнікаў або 12-гадзінны з AM/PM (2:30) для больш прывычнага выкарыстання.
Аўтаматычнае пераўтварэнне фармату
Поле аўтаматычна пераўтварае фармат — карыстальнікі бачаць свой пераважны фармат, а ваша сістэма атрымлівае ўзгодненыя дадзеныя.
Прыклады:
- гадзіны працы: 9:00 – 5:00 (12 гадзін)
- Міжнароднае раскладванне: 09:00 – 17:00 (кругласутачна)
- Медыцынскія прыёмы: 14:30 (дакладнасць да 24 гадзін)
⏰ Разумныя часовыя інтэрвалы
Дакладнасць выбару кіравання
Усталюйце дэталізацыю выбару часу. Выбірайце інтэрвалы ад кожнай хвіліны да кожнай гадзіны ў залежнасці ад вашых патрэб.
Даступныя інтэрвалы:
- Кожную хвіліну (12:00, 12:01, 12:02…) – Максімальная дакладнасць
- Кожныя 5 хвілін (12:00, 12:05, 12:10…) – Стандартныя сустрэчы
- Кожныя 10 хвілін (12:00, 12:10, 12:20…) – Хуткае браніраванне
- Кожныя 15 хвілін (12:00, 12:15, 12:30…) – Найбольш часта
- Кожныя 30 хвілін (12:00, 12:30, 1:00…) – паўгадзінныя інтэрвалы
- Кожную гадзіну (12:00, 1:00, 2:00…) – Просты выбар
Чаму гэта важна:
Менш варыянтаў = хутчэйшы выбар. Падбярыце інтэрвалы ў адпаведнасці з вашымі патрэбамі ў планаванні для лепшага карыстальніцкага досведу.
🎯 Абмежаванні часовага дыяпазону
Устанавіць самы ранні і самы позні час
Абмяжуйце даступны час у адпаведнасці з гадзінамі працы, раскладам мерапрыемстваў або аперацыйнымі перыядамі. Карыстальнікі не могуць выбіраць час па-за вызначаным вамі дыяпазонам.
Разумная праверка
Праверка на ўзроўні браўзера прадухіляе няправільныя адпраўкі да таго, як карыстальнікі націснулі кнопку «Адправіць».
Выкарыстоўвайце выпадкі:
- Гадзіны працы: толькі з 9:00 да 6:00
- Вечаровыя мерапрыемствы: толькі пасля 5:00
- Ранішнія інтэрвалы: толькі да 12:00
- Начная змена: 10:00 – 6:00
Прыклады:
- Браніраванне рэстаранаў: мінімум 11:00, максімум 10:00
- Заняткі ў трэнажорнай зале: мінімум 6:00 раніцы, максімум 9:00 вечара
- Гадзіны падтрымкі: мінімум 8:00, максімум 5:00
🔧 Параметры часу па змаўчанні
Тры разумныя пачатковыя каштоўнасці:
1. Пусто (без значэння па змаўчанні)
Карыстальнікі пачынаюць з пустога поля — лепш за ўсё, калі час заўсёды ўнікальны.
2. Бягучы час
Аўтаматычна запаўняе бягучы час пры загрузцы формы — ідэальна падыходзіць для палёў «час здарэння» або часовай меткі.
3. Карыстальніцкі час
Загадзя выберыце пэўны час, напрыклад, «9:00 раніцы», каб убачыць прапанаваны час сустрэч або распаўсюджаныя варыянты.
Калі выкарыстоўваць кожны:
- Пусто – час пачатку мерапрыемстваў, асабістыя расклады
- Бягучы — Часавыя меткі справаздач, час рэгістрацыі
- Карыстальніцкі — прапанаваны час сустрэч, гадзіны па змаўчанні
⚡ Секундная дакладнасць (неабавязкова)
Дадайце секунды, калі гэта неабходна
Уключыце поле секунд (ГГ:ХХ:СС) для дакладнага адсочвання часу. Ідэальна падыходзіць для заездаў на час, секундамераў і дакладных часовых пазнак.
Прыклады фарматаў:
- Без секунднай адзнакі: 14:30 або 2:30
- З секундамі: 14:30:45 або 2:30:45
Ідэальна для:
- Вынікі спартыўных спаборніцтваў і хронометраж
- Навуковыя эксперыменты
- Дакладныя сістэмы рэгістрацыі
- Падача заявак на гонку з раздзельным стартам
🔀 Умоўная логіка
Дынамічныя часавыя палі
Паказвайце або хавайце поле часу на аснове іншых значэнняў формы. Стварайце інтэлектуальныя формы, якія адаптуюцца да ўводу карыстальніка.
Правілы пашыранай логікі:
- І логіка — усе ўмовы павінны быць выкананы
- Логіка АБО — любая ўмова можа выклікаць дзеянне
- 8 аператараў – роўна, не роўна, больш за, менш за, утрымлівае, пуста і іншыя
Выкарыстоўвайце выпадкі:
- Паказваць «Пераважны час званка» толькі пры выбары «Звязацца па тэлефоне»
- Паказваць «Час пачатку падзеі», калі тып падзеі роўны «Карыстальніцкая падзея»
- Схаваць «Час дастаўкі», калі спосаб дастаўкі — «Стандартная дастаўка»
- Паказваць «Час сустрэчы», калі тып сустрэчы роўны «Асабістая»
🎨 Палепшаны карыстальніцкі досвед
Актывацыя адным пстрычкай мышы
Націсніце ў любым месцы поля, каб адкрыць уласны выбар часу — большая мэтавая вобласць, лепшая зручнасць выкарыстання.
Выбаршчыкі часу ўласцівасцей
Выкарыстоўвае ўбудаваны ў браўзер селектар часу са знаёмымі, аптымізаванымі для платформы інтэрфейсамі (кола iOS, гадзіннік Android, выпадальны спіс на працоўным стале).
Мабільны аптымізаваны
Выбар часу з дапамогай сэнсарнага ўводу з дапамогай убудаваных мабільных клавіятур і палёў выбару.
Дадатковыя магчымасці:
- Карыстальніцкія CSS-класы для стылізацыі
- Рэжым схаванага поля для сістэмнага часу
- Падтрымка даступнасці (меткі ARIA)
- Кнопка ачысткі для лёгкага скіду
- Абавязковая праверка поля
- Падтрымка тэксту-запаўняльніка
Простая ўстаноўка ў 3 крокі
Падрыхтуйце сваё поле часу за лічаныя хвіліны
Дадаць поле часу
Перацягніце поле «Час» з раздзела «Асноўныя палі» ў сваю форму.
Наладзіць фармат і інтэрвалы
Выберыце 12-гадзінны або 24-гадзінны фармат, усталюйце інтэрвалы часу (кожныя 15 хвілін, 30 хвілін і г.д.) і, па жаданні, дадайце мінімальныя/максімальныя абмежаванні па часе.
Устанавіць час па змаўчанні
Выберыце, ці будзе поле пачынацца пустым, з бягучага часу ці з карыстальніцкага часу, які вы ўкажаце. Уключыце секунды, калі вам патрэбны дакладны час.
???? Вось і ўсё! Ваша поле часу гатовае да выкарыстання з разумным фарматаваннем і праверкай.
Рэальныя прыкладанні
Абслугоўванне і браніраванне
* Час абслугоўвання аўтамабіляў
* Расклад праглядаў нерухомасці
* Час браніравання тураў
* Слоты для браніравання аб'ектаў
Браніраванне заняткаў і мерапрыемстваў
* Час заняткаў фітнесом
* Планаванне трэніровак
* Часовыя інтэрвалы для групавых заняткаў
* Перавагі па часе ўрокаў
Аперацыі
* Час пачатку/канца змены
* Прадстаўленне графікаў працы
* Каардынацыя часу сустрэчы
* Выбар часу даступнасці
Браніраванне сустрэчы
* Запіс на прыём да лекара
* Браніраванне ў салоны і спа-салоны
* Выбар часу кансультацыі
* Запыты на прызначэнне паслугі
Рэгістрацыя падзей
* Час пачатку/канца мерапрыемства
* Перавагі па часе сесіі
* Часовыя інтэрвалы для майстар-класаў
* Выбар раскладу канферэнцыі
Дастаўка і самавываз
* Часовыя інтэрвалы дастаўкі ежы
* Час самавывазу з крамы
* Планаванне самавывазу
* Налады слота дастаўкі
Поўныя параметры поля
Асноўная канфігурацыя
- Пазнака поля — загаловак, які адлюстроўваецца над полем часу
- Апісанне/Даведка — дадатковыя рэкамендацыі для карыстальнікаў
- Абавязковае поле — Зрабіць выбар часу абавязковым
- Тэкст-запаўняльнік — падказка перад тым, як карыстальнікі выберуць час
Налады фармату часу
- Фармат адлюстравання
- 24-гадзінны фармат (14:30)
- 12-гадзінны фармат з AM/PM (2:30)
Дакладнасць і інтэрвалы
- Часовыя інтэрвалы
- Кожную хвіліну
- Кожныя 5 хвілін
- Кожныя 10 хвілін
- Кожныя 15 хвілін (найбольш папулярны)
- Кожныя 30 хвілін
- Кожную гадзіну
Паказаць секунды – Дадаць поле секунд для дакладнага часу (ГГ:ХХ:СС)
Абмежаванні па часе
- Найранейшы дазволены час (хв.) – Карыстальнікі не могуць выбіраць час раней гэтага часу
- Апошні дазволены час (макс.) – карыстальнікі не могуць выбіраць час пасля гэтага
Значэнні па змаўчанні
- Выбар часу пачатку
- Няма загадзя выбранага часу (пуста)
- Бягучы час (дынамічны — загружаецца пры адкрыцці формы)
- Карыстальніцкі час (канкрэтны час, які вы ўсталёўваеце)
Пачатковы час (карыстальніцкі) — выберыце канкрэтны час для папярэдняга запаўнення (калі выбрана опцыя «Пачатковы»).
Умоўная логіка
- Уключыць умоўную логіку – паказваць/схоўваць у залежнасці ад умоў
- Лагічны тып
- Усе ўмовы павінны быць выкананы (І)
- Любая ўмова можа быць выканана (АБО)
- Правілы ўмоў
- Паказаць/схаваць – дзеянне, якое трэба выканаць
- Поле – якое поле праверыць
- Аператар – Роўна, Не роўна, Змяшчае, Больш за, Менш за, Пуста, Не пуста
- Значэнне – значэнне параўнання
- Некалькі ўмоў - дадайце неабмежаваную колькасць правілаў
Дадатковыя параметры
- Рэжым схаванага поля — выкарыстоўваць як схаванае поле з загадзя зададзеным значэннем
- Карыстальніцкія класы CSS — прымяненне карыстальніцкага стылю
- Атрыбуты даступнасці — пазнакі і апісанні ARIA
Чаму варта выбраць менавіта нашу сферу часу?
✅ Інтуітыўна зразумелы — убудаваныя выбаршчыкі браўзера забяспечваюць звыклы інтэрфейс
✅ Гнуткія — 12-гадзінны або 24-гадзінны фарматы адпавядаюць перавагам карыстальніка
✅ Дакладнасць – наладжвальныя інтэрвалы ад кожнай хвіліны да кожнай гадзіны
✅ Smart – абмежаванні па мінімуму/максімуму прадухіляюць няправільны выбар часу
✅ Дынамічны — умоўная логіка стварае адаптыўныя формы
✅ Зручны для карыстальніка — актывацыя адным пстрычкай мышы для лепшага карыстальніцкага досведу
✅ Аптымізавана для мабільных прылад — зручныя для сэнсарнага экрана ўбудаваныя выбары часу
✅ Поўная інтэграцыя — бездакорна працуе з усімі функцыямі формы
Questions fréquemment posées
Пытанне: У чым розніца паміж 12-гадзінным і 24-гадзінным фарматамі?
12-гадзінны фармат паказвае час з дапамогай AM/PM, напрыклад, 14:30. 24-гадзінны фармат выкарыстоўвае час, напрыклад, 2:30, і з'яўляецца распаўсюджаным на міжнародным узроўні.
Пытанне: Як працуюць часовыя інтэрвалы?
Інтэрвалы ўстанаўліваюць, наколькі падрабязны выбар часу. Напрыклад, 15-хвілінны інтэрвал паказвае 9:00, 9:15, 9:30 і гэтак далей.
Пытанне: Ці магу я абмежаваць час толькі працоўнымі гадзінамі?
Так. Усталюйце самы ранні і самы позні час, напрыклад, з 9:00 да 5:00, і карыстальнікі змогуць выбіраць толькі ў гэтым дыяпазоне.
Пытанне: Што азначае напісанне па змаўчанні «Бягучы час»?
Калі ўключана, поле аўтаматычна запаўняецца бягучым часам карыстальніка пры загрузцы формы.
Пытанне: Ці патрэбна мне поле секунд?
Звычайна не. Уключайце яго толькі тады, калі вам патрэбны дакладны час, напрыклад, запісы ГГ:ХХ:СС для падзей або тэхнічных дадзеных.
Пытанне: Як працуе выбар часу на мабільным тэлефоне?
Кожная прылада выкарыстоўвае свой уласны інтэрфейс. iOS звычайна выкарыстоўвае кола выбару, а Android — селектар у выглядзе гадзінніка.
Пытанне: Ці магу я выкарыстоўваць умоўную логіку з палямі часу?
Так. Вы можаце паказваць або хаваць палі на аснове выбраных часоў, выкарыстоўваючы такія ўмовы, як «Роўна», «Больш за» або «Менш за».
Пытанне: Што адбудзецца, калі карыстальнікі паспрабуюць выбраць няправільны час?
Час па-за дазволеным дыяпазонам блакуецца праверкай браўзера і не можа быць выбраны.
Пытанне: Ці магу я загадзя запоўніць поле пэўным часам?
Так. Выберыце «Наладжвальны» для часу па змаўчанні і выберыце любое значэнне, якое вы хочаце папярэдне загрузіць.
Пытанне: Ці працуе поле часу ва ўсіх браўзерах?
Усе сучасныя браўзеры падтрымліваюць увод часу ў фармаце HTML5 з убудаванымі выбаршчыкамі. Старыя браўзеры выкарыстоўваюць тэкставы ўвод з праверкай.
Пытанне: Ці магу я стылізаваць поле часу ў адпаведнасці з маім сайтам?
Так. Выбаршчык выкарыстоўвае натыўны інтэрфейс, але поле ўводу можна стылізаваць з дапамогай класаў CSS.
Пытанне: У якім фармаце пазначаны час?
Значэнні часу заўсёды адпраўляюцца ў 24-гадзінным фармаце, што забяспечвае адпаведнасць дадзеных для апрацоўкі.
