Времево поле
Събирайте време с прецизност и лекота. От планиране на срещи до избор на смени с елегантни вградени инструменти за избор на време, интелигентни интервали и гъвкаво форматиране – полето „Време“ осигурява валидиране, персонализиране и безпроблемно потребителско изживяване.
Интелигентно събиране на данни за времето с вградена валидация
Идеално за:
Мощни функции за всеки случай на употреба
🕐 Гъвкави времеви формати
24-часов или 12-часов дисплей
Изберете формат, който отговаря на вашата аудитория. Използвайте 24-часово военно време (14:30) за международни потребители или 12-часово с AM/PM (2:30 PM) за по-запознато ползване.
Автоматично преобразуване на формат
Полето обработва преобразуването на формата автоматично – потребителите виждат предпочитания от тях формат, докато вашата система получава последователни данни.
Примери:
- Работно време: 9:00 ч. – 5:00 ч. (12 часа)
- Международно планиране: 09:00 – 17:00 (24 часа)
- Медицински прегледи: 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 ч.“, за предложени часове за срещи или често задавани въпроси.
Кога да използвате всяко:
- Празно – Начални часове на събитията, лични графици
- Текущо – Отчетни времеви марки, време на регистрация
- Персонализирано – Предложени часове за срещи, часове по подразбиране
⚡ Прецизност от секунди (по избор)
Добавете секунди, когато е необходимо
Активирайте полето за секунди (HH:MM:SS) за прецизно проследяване на времето. Идеално за времеви проби, хронометър и точни времеви отметки.
Примери за форматиране:
- Без секунди: 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-часов формат, съобразен с предпочитанията на потребителя
✅ Прецизно – Персонализирани интервали от всяка минута до всеки час
✅ Интелигентно – Ограниченията за мин./макс. предотвратяват невалиден избор на време
✅ Динамична – Условната логика създава адаптивни форми
✅ Удобен за потребителя – Активиране с кликване навсякъде за по-добро потребителско изживяване
✅ Оптимизиран за мобилни устройства – удобни за докосване вградени инструменти за избор на време
✅ Напълно интегриран – Работи безпроблемно с всички функции на формуляра
Често задавани въпроси
В: Каква е разликата между 12-часов и 24-часов формат?
12-часовият формат показва времената с AM/PM, например 14:30 PM. 24-часовият формат използва времена като 2:30 и е разпространен в международен план.
В: Как работят времевите интервали?
Интервалите задават колко подробни са изборите за време. Например, 15-минутен интервал показва 9:00, 9:15, 9:30 и т.н.
В: Мога ли да огранича времето само до работно време?
Да. Задайте най-ранния и най-късния час, например от 9:00 до 5:00 часа, и потребителите могат да избират само в този диапазон.
В: Какво означава по подразбиране „Текущо време“?
Когато е активирано, полето се попълва автоматично с текущото време на потребителя, когато формулярът се зареди.
В: Трябва ли ми полето за секунди?
Обикновено не. Активирайте го само когато имате нужда от точно време, като например записи HH:MM:SS за събития или технически данни.
В: Как работи инструментът за избор на време на мобилно устройство?
Всяко устройство използва собствен потребителски интерфейс. iOS обикновено използва селектор с колелце, докато Android използва селектор във формата на часовник.
В: Мога ли да използвам условна логика с времеви полета?
Да. Можете да показвате или скривате полета въз основа на избрани времена, като използвате условия като „Равно“, „По-голямо от“ или „По-малко от“.
В: Какво се случва, ако потребителите се опитат да изберат невалидни часове?
Времената извън разрешения диапазон се блокират от проверката на браузъра и не могат да бъдат избрани.
В: Мога ли да попълня предварително с конкретен час?
Да. Изберете „Персонализирано“ за времето по подразбиране и изберете всяка стойност, която искате да бъде предварително заредена.
В: Полето за време работи ли във всички браузъри?
Всички съвременни браузъри поддържат HTML5 въвеждане на време с вградени инструменти за избор. По-старите браузъри се връщат към въвеждане на текст с валидиране.
В: Мога ли да стилизирам полето за време, за да съответства на моя сайт?
Да. Селекторът използва оригинален потребителски интерфейс, но полето за въвеждане може да бъде стилизирано с CSS класове.
В: Какъв формат използва подаденото време?
Стойностите за време винаги се подават в 24-часов формат, което осигурява последователност на данните за обработка.
