Поље за датум
Прикупљајте датуме са прецизношћу и контролом. Од заказивања термина до датума рођења са флексибилним форматирањем, ограничењима распона датума и паметном валидацијом – поље Датум пружа изворним алатима за избор календара моћне контроле за прошле датуме, будуће датуме, викенде и прилагођене распоне.
Професионално прикупљање датума са паметном валидацијом
Савршено за:
Моћне функције за сваки случај употребе
📅 Четири формата датума
Изаберите регионалне преференције:
Прва година: 31.12.2023. (ISO 8601)
Међународни стандардни формат. Најбољи за базе података, сортирање и техничке примене.
Први месец: 31.12.2023. (амерички стил)
Амерички формат. Најпознатији америчким корисницима по редоследу месец-дан-година.
Први дан: 31.12.2023. (по британском стилу)
Британски/европски формат са редоследом дан-месец-година. Уобичајено на међународном нивоу.
Први дан са цртицама: 31-12-2023
Алтернативни европски формат који користи цртице уместо косих цртица.
Зашто је формат важан:
Одговара очекивањима корисника по регионима
Спречава забуну и грешке
Обезбеђује конзистентно складиштење података
Побољшава стопу попуњавања образаца
Прилагођавање екрана:
Формат утиче на то како се датуми приказују корисницима, а истовремено одржава стандардни формат складиштења интерно.
📏 Ограничења периода
Контрола датума које је могуће изабрати:
Први дозвољени датум (минимум):
Подесите најранији датум који корисници могу да изаберу. Датуми пре овог су онемогућени у бирачу календара.
Примери:
- Регистрација за догађај: Минимални датум = датум најаве догађаја
- Заказивање: Минимални датум = данас (нема претходних заказивања)
- Историјски подаци: Минимални датум = датум оснивања компаније
- Рокови пројекта: Минимални датум = датум почетка пројекта
Последњи дозвољени датум (максимално):
Подесите последњи датум који корисници могу да изаберу. Датуми након овог су онемогућени у бирачу календара.
Примери:
- Рана регистрација: Максимални датум = рок
- Ограничена доступност: Максимални датум = последњи доступан датум
- Историјски записи: Максимални датум = данас
- Тачан временски оквир: Максимални датум = крај промоције
Дугмад за брзо подешавање:
Подесите минималне/максималне датуме на данас једним кликом или одмах обришите ограничења.
⏮️ Блокирај прошле датуме
Спречите избор претходних датума:
Омогућите „Блокирај прошле датуме“ да бисте онемогућили све датуме пре данашњег. Корисници могу да изаберу само данашње или будуће датуме.
Савршен за:
- Заказивање термина (без претходних термина)
- Регистрација за догађај (само за предстојеће догађаје)
- Избор датума испоруке (будуће испоруке)
- Системи за резервације (унапред резервисане)
- Рокови (морају бити у будућности)
Паметно понашање:
Аутоматски се ажурира свакодневно – данашњи датум је увек важећи, јучерашњи је онемогућен. Није потребно ручно управљање датумом.
Комбинује се са другим ограничењима:
Користите са максималним датумом да бисте креирали будуће прозоре (нпр. резервације од данас до 30 дана унапред).
⏭️ Блокирај будуће датуме
Спречите избор предстојећих датума:
Омогућите „Блокирај будуће датуме“ да бисте онемогућили све датуме после данашњег. Корисници могу да изаберу само данашње или прошле датуме.
Савршен за:
- Прикупљање датума рођења (не може бити у будућности)
- Датуми историјских догађаја (само прошлост)
- Датуми почетка искуства (када сте почели?)
- Датуми завршетка (већ се догодило)
- Датуми годишњица (прошли догађаји)
Употреба у стварном свету:
Обезбеђује логичан унос датума – датуми рођења, датуми запослења, датуми дипломирања морају бити у прошлости.
Уграђена валидација:
Прегледач аутоматски спречава неважеће изборе. Нису потребне збуњујуће поруке о грешци.
📆 Онемогући викенде
Избор блока суботом и недељом:
Омогућите „Без избора викенда“ да бисте онемогућили суботе и недеље у бирачу календара. Могу се изабрати само дани у недељи (понедељак-петак).
Савршен за:
- Заказивање пословних састанака
- Заказивање канцеларијске доставе
- Избор датума консултација
- Заказивање сервиса (само понедељак-петак)
- Заказивање B2B састанака
Паметне интеракције:
Ако корисник некако изабере викенд (преко тастатуре), систем се аутоматски исправља на следећи понедељак. Беспрекорна заштита.
Комбинује се са другим опцијама:
Ради са ограничењима из прошлости/будућности – могу се изабрати само дани у недељи унутар дозвољеног опсега.
🎯 Подразумеване опције датума
Унапред изаберите датуме почетка:
Нема унапред изабраног датума (празно):
Поље почиње празно. Корисници морају активно да изаберу датум. Најбоље за датуме који се значајно разликују.
Данашњи датум:
Аутоматски се унапред попуњава тренутним датумом када се образац учита. Ажурира се динамички сваког дана.
Користите случајеве:
- Поља „Датум упита“
- Обрасци са временским жигом
- Документација са актуелним датумом
- Данашњи избор распореда
Сутрашњи датум:
Аутоматски се унапред попуњава сутрашњим датумом. Идеално за резервације следећег дана.
Користите случајеве:
- Избор испоруке следећег дана
- Заказивање термина за сутра
- Подразумеване вредности за будуће догађаје
- Доступност следећег дана
Прилагођени датум:
Изаберите било који фиксни датум за унапред одабир. Одлично за предложене датуме или формуларе специфичне за догађај.
Користите случајеве:
- Препоручени датум заказивања
- Подразумеване вредности датума догађаја
- Предлози за рокове
- Датуми унапред попуњених пријава
📱 Изворни бирач календара
Избор датума оптимизован за прегледач:
Користи HTML5 изворне уносе датума са уграђеним бирачем календара прегледача. Пружа познато искуство специфично за платформу.
Изглед специфичан за платформу:
- iOS: Прелеп селектор точка
- Андроид: Календар са материјалним дизајном
- Десктоп Chrome: Падајући календар
- Десктоп Сафари: Компактни бирач
- Све оптимизовано за њихову платформу
Предности:
- Није потребна JavaScript библиотека
- Тренутно учитавање
- Доступно подразумевано
- Навигација помоћу тастатуре
- Оптимизовано за додир
- Минимална величина датотеке
Кликните било где:
Цело поље је кликабилно да би се отворио календар. Велика интерактивна површина побољшава употребљивост.
✅ Паметна валидација датума
Уграђени слојеви валидације:
Валидација формата:
Прегледач аутоматски осигурава исправан формат датума. Корисници не могу да унесу неважеће датуме као што је „2023-13-45“.
Валидација опсега:
Мин./макс. датуми су примењени на нивоу бирача. Неважећи датуми су онемогућени – не могу се изабрати.
Логичка валидација:
Ограничења за прошлост/будућност/викенд се примењују аутоматски. Систем спречава неважеће изборе.
Обриши поруке о грешци:
Ако корисници некако заобиђу ограничења, јасне поруке објашњавају: „Датум мора бити после 01.01.2024.“ или „Датум мора бити пре 31.12.2024.“
🔀 Условна логика
Видљивост динамичког поља датума:
Прикажите или сакријте поља за датум на основу других вредности обрасца. Прикажите релевантна поља за датум само када је потребно.
Напредна логичка правила:
- И логика – Сви услови морају бити испуњени
- ИЛИ логика – Било који услов може покренути акцију
- 8 оператора – Једнако, Није једнако, Веће од, Мање од, Садржи, Празно је и још много тога
Користите случајеве:
- Прикажи „Жељени датум“ само када је тип резервације једнак „Тајм“
- Прикажи „Датум догађаја“ када тип догађаја није празан
- Прикажи „Датум испоруке“ када је начин испоруке једнак „Планирано“
- Сакриј „Датум повратка“ када је тип карте једнак „Једносмерна“
🎯 Побољшано корисничко искуство
Уграђене паметне функције:
- Визуелни приказ датума – Изабрани датум се приказује у читљивом формату
- Икона календара – визуелни индикатор бирача датума
- Навигација по тастатури – тастери са стрелицама се крећу по календару
- Приступачност картица – Пуна подршка за тастатуру
- Оптимизовано за додир – Велике мете додира на мобилним уређајима
- Аутоматска корекција – Неважећи датуми се аутоматски подешавају на најближи важећи датум
- Истицање данас – Тренутни датум је истакнут у бирачу
- Брзи избор – Кликните на датум, бирач се аутоматски затвара
- Подршка за текст помоћи – Додајте савете или упутства за формат датума
- Обавезна валидација – Обавезно извршите избор датума
- Прилагођене CSS класе – Примените прилагођени стил
- Подршка за приступачност – ARIA ознаке, компатибилно са читачем екрана
Једноставно подешавање у 3 корака
Припремите поље за датум за неколико минута
Додај поље за датум
Превуците и испустите поље Датум из одељка Основна поља у образац.
Изаберите формат и опсег
Изаберите формат датума (САД, УК, ISO), опционо подесите минималне/максималне границе датума и омогућите блокирање прошлости/будућности/викенда по потреби.
Постави подразумевани датум
Изаберите да ли поље почиње празно, да ли се унапред попуњава данашњим, сутрашњим или прилагођеним датумом који наведете.
???? То је то! Ваше поље за датум је спремно са паметном валидацијом и изворним бирачима.
Реал-Ворлд Апплицатионс
Резервација састанка
* Датуми лекарских прегледа
* Заказивање консултација
* Избор термина за сервис
* Координација датума састанка
Регистрација догађаја
* Датуми присуства догађају
* Избор датума радионице
* Регистрација за конференцију
* Датуми уписа у наставу
Достава и испорука
* Жељени датуми испоруке
* Избор датума испоруке
* Заказивање датума преузимања
* Планирање датума отпреме
Пословне апликације
* Рокови за пројекат
* Рокови завршетка задатака
* Датуми ступања уговора на снагу
* Датуми почетка/завршетка уговора
Lični podaci
* Прикупљање датума рођења
* Датуми годишњица
* Датум почетка запослења
* Датуми завршетка образовања
Резерве
* Датуми пријаве у хотел
* Датуми почетка изнајмљивања
* Датуми потврде резервације
* Избор периода резервације
Комплетне опције поља
Основна конфигурација
- Ознака поља – Наслов приказан изнад поља за датум
- Опис/Текст помоћи – Додатна упутства за кориснике
- Обавезно поље – Обавезно изаберите датум
- Привремени приказ – Не примењиво на изворне алате за избор датума
Формат датума
- Како приказати датуме:
- Прва година: 31.12.2023. (ISO 8601)
- Први месец: 31.12.2023. (амерички стил)
- Први дан: 31.12.2023. (по британском стилу)
- Први дан са цртицама: 31-12-2023
Ограничења периода
- Први дозвољени датум – Најранији датум који корисници могу да изаберу (оставите празно ако нема ограничења)
- Последњи дозвољени датум – Последњи датум који корисници могу да изаберу (оставите празно ако нема ограничења)
Опције блокирања датума
- Блокирај прошле датуме – Спречава избор било ког датума пре данашњег
- Блокирај будуће датуме – Спречава избор било ког датума после данашњег
- Без избора викенда – Спречава избор суботе и недеље
Избор датума почетка:
- Нема унапред изабраног датума (празно) – Поље почиње празно
- Данашњи датум – Тренутни датум је унапред попуњен
- Сутрашњи датум – Следећи дан унапред попуњен
- Одређени датум (ви бирате) – Прилагођени датум је унапред попуњен
Прилагођени подразумевани датум – Изаберите почетни датум (приказује се када је изабрано „Одређени датум“)
Условна логика
- Омогући условну логику – Прикажи/сакриј на основу услова
- Логиц Типе
- Сви услови морају бити испуњени (И)
- Било који услов може бити испуњен (ИЛИ)
- Правила услова
- Прикажи/Сакриј – Радња коју треба предузети
- Поље – Које поље треба проверити
- Оператор – Једнако, Није једнако, Садржи, Веће од, Мање од, Празно је, Није празно
- Вредност – Вредност поређења
- Вишеструки услови – Додајте неограничен број правила
Напредне опције
- Скривено поље – Учините поље невидљивим, али укључите датум у поднесцима
- Прилагођене CSS класе – Примените прилагођени стил
- Атрибути приступачности – ARIA ознаке за читаче екрана
Зашто изабрати наше поље за датум?
✅ Вишеструки формати – амерички, британски, ISO и цртички формати
✅ Контрола периода – Прецизно поставите минималне/максималне границе
✅ Блокирај прошле датуме – Дозволи само избор будућих датума
✅ Блокирај будуће датуме – Дозволи само избор прошлих датума
✅ Онемогући викенде – избор само радним данима за предузећа
✅ Паметна подразумевана подешавања – Унапред попуните данашњи, сутрашњи или прилагођени датум
✅ Native Pickers – календари оптимизовани за прегледач за сваку платформу
✅ Аутоматска валидација – Не могу се изабрати неважећи датуми
✅ Потпуно интегрисано – Ради беспрекорно са свим функцијама формулара
Најчешћа питања (FAQ)
П: Који формати датума су подржани?
Четири формата: ISO (2023-12-31), US (12/31/2023), UK (31/12/2023) и Dashed (31-12-2023). Изаберите формат који најбоље одговара вашој публици.
П: Како да спречим кориснике да бирају прошле датуме?
Омогућите „Блокирај прошле датуме“. Било који датум пре данашњег постаје немогућ у бирачу датума.
П: Могу ли ограничити датуме на одређени распон?
Да. Подесите „Први дозвољени датум“ и „Последњи дозвољени датум“ да бисте ограничили изборе на дефинисани прозор.
П: Шта ради „Онемогући викенде“?
Ово уклања суботе и недеље из могућности избора. Остају доступни само понедељак до петка.
П: Како функционишу подразумевани датуми?
Изаберите да ли поље почиње празно, приказује данашњи датум, сутрашњи датум или прилагођени датум. Данас и сутра се аутоматски подешавају.
П: Да ли бирач датума изгледа исто на свим уређајима?
Не. Користи изворни кориснички интерфејс сваког уређаја — iOS точкиће за селектовање, Android календаре, селекторе на десктопу и тако даље.
П: Могу ли блокирати будуће датуме за поља за датум рођења?
Да. Укључите „Блокирај будуће датуме“ како би корисници могли да бирају само датуме до данас (укључујући и данас).
П: Како минимални/максимални датуми функционишу заједно са блокирањем прошлости/будућности?
Они се слагају. На пример, блокирање прошлих датума плус максимални датум од 30 дана унапред резултира распоном од данас до 30 дана унапред.
П: Да ли корисници могу да укуцају датуме уместо да користе бирач?
Неки прегледачи дозвољавају куцање са валидацијом. Други намећу бирач датума. Сви намећу исправно форматирање.
П: Шта се дешава ако корисник изабере викенд када су викенди онемогућени?
Систем се аутоматски подешава на најближи важећи дан у недељи, обично следећи понедељак.
П: Могу ли да користим условну логику са пољима за датум?
Да. Користите поређења као што су „Једнако“, „Празно је“, „Није празно“, „Веће од“ или „Мање од“ да бисте контролисали видљивост других поља.
П: Како да поставим рок?
Унесите рок у „Последњи дозвољени датум“. Корисници не могу да бирају датуме после тог тренутка. Комбинујте са „Блокирај прошле датуме“ ако вам је потребна доступност само у будућности.
