Pole dátumu
Zbierajte dátumy s presnosťou a kontrolou. Od rezervácií termínov až po dátumy narodenia s flexibilným formátovaním, obmedzeniami rozsahu dátumov a inteligentným overovaním – pole Dátum poskytuje natívnemu výberu kalendára výkonné ovládacie prvky pre minulé dátumy, budúce dátumy, víkendy a vlastné rozsahy.
Profesionálny zber dát s inteligentným overovaním
Ideálne pre:
Výkonné funkcie pre každý prípad použitia
📅 Štyri formáty dátumu
Vyberte regionálne preferencie:
Prvý rok: 31.12.2023 (ISO 8601)
Medzinárodný štandardný formát. Najlepšie pre databázy, triedenie a technické aplikácie.
Prvý mesiac: 31. 12. 2023 (americký štýl)
Americký formát. Používateľom v USA je najznámejší formát mesiac-deň-rok.
Prvý deň: 31. 12. 2023 (podľa britského štýlu)
Britský/európsky formát s poradím deň-mesiac-rok. Medzinárodne bežný.
Prvý deň s pomlčkami: 31.12.2023
Alternatívny európsky formát s použitím pomlčiek namiesto lomiek.
Prečo je formát dôležitý:
Zodpovedá očakávaniam používateľov podľa regiónu
Zabraňuje zmätku a chybám
Zaisťuje konzistentné ukladanie údajov
Zlepšuje mieru dokončenia formulárov
Prispôsobenie displeja:
Formát ovplyvňuje, ako sa dátumy zobrazujú používateľom, pričom sa interne zachováva štandardný formát úložiska.
📏 Obmedzenia rozsahu dátumov
Ovládanie voliteľných dátumov:
Prvý povolený dátum (minimálny):
Nastavte najskorší dátum, ktorý si môžu používatelia vybrať. Dátumy pred týmto dátumom sú vo výbere kalendára zakázané.
Príklady:
- Registrácia na udalosť: Minimálny dátum = dátum oznámenia udalosti
- Termíny: Minimálny dátum = dnes (žiadne predchádzajúce rezervácie)
- Historické údaje: Minimálny dátum = dátum založenia spoločnosti
- Termíny projektu: Minimálny dátum = dátum začiatku projektu
Posledný povolený dátum (maximum):
Nastavte posledný dátum, ktorý si môžu používatelia vybrať. Dátumy po tomto dátume sú vo výbere kalendára zakázané.
Príklady:
- Registrácia včas: Maximálny dátum = uzávierka
- Obmedzená dostupnosť: Maximálny dátum = posledný dostupný dátum
- Historické záznamy: Maximálny dátum = dnes
- Konkrétny časový rámec: Maximálny dátum = koniec propagácie
Tlačidlá rýchleho nastavenia:
Jedným kliknutím nastavte minimálny/maximálny dátum na dnes alebo okamžite zrušte obmedzenia.
⏮️ Blokovať minulé dátumy
Zabrániť výberu predchádzajúcich dátumov:
Povoľte možnosť „Blokovať minulé dátumy“, ak chcete zakázať všetky dátumy pred dneškom. Používatelia si môžu vybrať iba dnešný alebo budúci dátum.
Ideálne pre:
- Rezervácie termínov (žiadne predchádzajúce termíny)
- Registrácia na podujatie (iba na nadchádzajúce podujatia)
- Výber dátumu doručenia (budúce dodávky)
- Rezervačné systémy (rezervácie vopred)
- Termíny (musia byť v budúcnosti)
Inteligentné správanie:
Automaticky sa aktualizuje denne – dnešný dátum je vždy platný, včerajší dátum sa deaktivuje. Nie je potrebná manuálna správa dátumu.
Kombinuje sa s inými obmedzeniami:
Na vytvorenie budúcich okien (napr. rezervácie od dnes do 30 dní) použite s maximálnym dátumom.
⏭️ Blokovať budúce dátumy
Zabrániť výberu nadchádzajúcich dátumov:
Povoľte možnosť „Blokovať budúce dátumy“, ak chcete zakázať všetky dátumy po dnešku. Používatelia si môžu vybrať iba dnešné alebo minulé dátumy.
Ideálne pre:
- Zber údajov o dátume narodenia (nemôže byť v budúcnosti)
- Dátumy historických udalostí (iba minulosť)
- Dátumy začiatku skúseností (kedy ste začali?)
- Dátumy dokončenia (už sa uskutočnili)
- Výročia (minulé udalosti)
Použitie v reálnom svete:
Zabezpečuje logické zadávanie dátumov – dátumy narodenia, dátumy nástupu do zamestnania a dátumy ukončenia štúdia musia byť v minulosti.
Vstavané overovanie:
Prehliadač automaticky zabraňuje neplatným výberom. Nie sú potrebné žiadne mätúce chybové hlásenia.
📆 Zakázať víkendy
Výber bloku sobota a nedeľa:
Povoľte možnosť „Bez výberu víkendu“, ak chcete vo výbere kalendára zakázať soboty a nedele. Vybrať je možné iba dni v týždni (pondelok – piatok).
Ideálne pre:
- Rezervácie obchodných stretnutí
- Plánovanie doručovania do kancelárie
- Výber dátumu konzultácie
- Servisné termíny (iba pondelok až piatok)
- Plánovanie B2B stretnutí
Inteligentné interakcie:
Ak si používateľ nejakým spôsobom vyberie víkend (pomocou klávesnice), systém ho automaticky opraví na nasledujúci pondelok. Bezproblémová ochrana.
Kombinuje sa s ďalšími možnosťami:
Funguje s obmedzeniami z minulosti/budúcnosti – vybrať je možné iba dni v týždni v rámci povoleného rozsahu.
🎯 Predvolené možnosti dátumu
Predbežný výber dátumov začiatku:
Žiadny vopred vybraný dátum (prázdne):
Pole je na začiatku prázdne. Používatelia musia aktívne vybrať dátum. Najlepšie pre dátumy, ktoré sa značne líšia.
Dnešný dátum:
Automaticky predvyplní aktuálny dátum pri načítaní formulára. Dynamicky sa aktualizuje každý deň.
Prípady použitia:
- Polia „Dátum dopytu“
- Formuláre časových pečiatok
- Dokumentácia s aktuálnym dátumom
- Výber dnešného programu
Zajtrajší dátum:
Automaticky predvyplní zajtrajší dátum. Ideálne pre rezervácie na nasledujúci deň.
Prípady použitia:
- Výber doručenia na nasledujúci deň
- Rezervácie termínov na zajtra
- Predvolené hodnoty budúcich udalostí
- Dostupnosť na nasledujúci deň
Vlastný konkrétny dátum:
Vyberte si ľubovoľný pevný dátum na predbežný výber. Skvelé pre navrhované dátumy alebo formuláre pre konkrétnu udalosť.
Prípady použitia:
- Odporúčaný dátum stretnutia
- Predvolené nastavenia dátumu udalosti
- Návrhy termínov
- Predvyplnené dátumy prihlášok
📱 Výber natívneho kalendára
Výber dátumu optimalizovaný pre prehliadač:
Používa natívne vstupy dátumu HTML5 so zabudovaným výberom kalendára prehliadača. Poskytuje známe prostredie špecifické pre platformu.
Vzhľad špecifický pre platformu:
- iOS: Krásny volič koliesok
- Android: Kalendár v materiálovom dizajne
- Desktopový prehliadač Chrome: Rozbaľovací kalendár
- Safari na počítači: Kompaktný výber
- Všetky optimalizované pre ich platformu
Výhody:
- Nie je potrebná žiadna JavaScriptová knižnica
- Okamžité načítanie
- Predvolene prístupné
- Navigácia pomocou klávesnice
- Optimalizované pre dotyk
- Minimálna veľkosť súboru
Kliknite kdekoľvek:
Celé pole je klikateľné pre otvorenie kalendára. Veľká interaktívna plocha zlepšuje použiteľnosť.
✅ Inteligentné overenie dátumu
Vstavané overovacie vrstvy:
Overenie formátu:
Prehliadač automaticky zabezpečí správny formát dátumu. Používatelia nemôžu zadať neplatné dátumy, ako napríklad „2023-13-45“.
Overenie rozsahu:
Minimálne/maximálne dátumy sú vynútené na úrovni výberu. Neplatné dátumy sú zakázané – nie je možné ich vybrať.
Logické overenie:
Obmedzenia pre minulosť/budúcnosť/víkend sa aplikujú automaticky. Systém zabraňuje neplatným výberom.
Vymazať chybové hlásenia:
Ak používatelia nejakým spôsobom obídu obmedzenia, jasné správy vysvetlia: „Dátum musí byť po 01. 01. 2024“ alebo „Dátum musí byť pred 31. 12. 2024“.
🔀 Podmienená logika
Viditeľnosť dynamického poľa dátumu:
Zobraziť alebo skryť polia dátumu na základe iných hodnôt formulára. Zobraziť relevantné polia dátumu iba v prípade potreby.
Pokročilé logické pravidlá:
- Logika A – Všetky podmienky musia byť splnené
- Logika ALEBO – Akciu môže spustiť akákoľvek podmienka.
- 8 operátorov – Rovná sa, Nerovná sa, Väčšie ako, Menšie ako, Obsahuje, Je prázdne a ďalšie
Prípady použitia:
- Zobraziť „Preferovaný dátum“ iba v prípade, že typ rezervácie sa rovná „Termínu“
- Zobraziť „Dátum udalosti“, ak typ udalosti nie je prázdny
- Zobraziť „Dátum doručenia“, keď je spôsob dopravy nastavený na „Plánované“
- Skryť „Dátum návratu“, ak je typ lístka „Jednosmerný“
🎯 Vylepšený používateľský zážitok
Vstavané inteligentné funkcie:
- Vizuálne zobrazenie dátumu – Vybraný dátum sa zobrazuje v čitateľnom formáte
- Ikona kalendára – vizuálny indikátor výberu dátumu
- Navigácia na klávesnici – šípky navigujú v kalendári
- Prístupnosť kariet – Plná podpora klávesnice
- Optimalizované pre dotyk – Veľké dotykové plochy na mobilných zariadeniach
- Automatická oprava – Neplatné dátumy sa automaticky upravia na najbližší platný dátum
- Zvýraznenie dnešného dňa – Aktuálny dátum je zvýraznený vo výbere
- Rýchly výber – Kliknite na dátum, výber sa automaticky zatvorí
- Podpora textu nápovedy – Pridanie tipov alebo pokynov na formát dátumu
- Povinné overenie – výber dátumu je povinný
- Vlastné triedy CSS – Použitie vlastného štýlu
- Podpora prístupnosti – štítky ARIA, kompatibilné s čítačkou obrazovky
Jednoduché nastavenie v 3 krokoch
Pripravte si pole s dátumom za pár minút
Pridať pole s dátumom
Presuňte pole Dátum zo sekcie Základné polia do formulára.
Vyberte formát a rozsah
Vyberte formát dátumu (USA, Spojené kráľovstvo, ISO), voliteľne nastavte hranice minimálneho/maximálneho dátumu a podľa potreby povoľte blokovanie minulosti/budúcnosti/víkendových dní.
Nastaviť predvolený dátum
Vyberte, či pole začína prázdne, či sa vopred vyplní dnešným, zajtrajším alebo vlastným dátumom, ktorý zadáte.
???? To je všetko! Vaše pole dátumu je pripravené s inteligentným overovaním a natívnymi výbermi.
Aplikácie v reálnom svete
Rezervácia termínu
* Termíny lekárskych vyšetrení
* Plánovanie konzultácií
* Výber termínu servisu
* Koordinácia termínu stretnutia
Registrácia udalosti
* Dátumy účasti na podujatiach
* Výber dátumu workshopu
* Registrácia na konferenciu
* Termíny zápisu do kurzov
Dodanie a preprava
* Preferované dátumy doručenia
* Výber dátumu doručenia
* Plánovanie dátumu vyzdvihnutia
* Plánovanie dátumu odoslania
Podnikové aplikácie
* Termíny projektu
* Termíny splnenia úloh
* Dátumy nadobudnutia účinnosti zmluvy
* Dátumy začiatku/ukončenia zmluvy
Osobné informácie
* Zbierka dátumu narodenia
* Dátumy výročí
* Dátum nástupu do zamestnania
* Dátumy ukončenia vzdelania
Rezervácia
* Dátumy príchodu do hotela
* Dátumy začiatku prenájmu
* Dátumy potvrdenia rezervácie
* Výber obdobia rezervácie
Možnosti kompletného poľa
Základná konfigurácia
- Popis poľa – Názov zobrazený nad poľom dátumu
- Popis/Pomocný text – Ďalšie pokyny pre používateľov
- Povinné pole – Výber dátumu nastavte ako povinný
- Zástupný symbol – Neplatí pre natívne nástroje na výber dátumu
formát dátumu
- Ako zobraziť dátumy:
- Prvý rok: 31.12.2023 (ISO 8601)
- Prvý mesiac: 31. 12. 2023 (americký štýl)
- Prvý deň: 31. 12. 2023 (podľa britského štýlu)
- Prvý deň s pomlčkami: 31.12.2023
Obmedzenia rozsahu dátumov
- Prvý povolený dátum – Najskorší dátum, ktorý si používatelia môžu vybrať (nechajte prázdne, ak nemáte obmedzenie)
- Posledný povolený dátum – Posledný dátum, ktorý si používatelia môžu vybrať (nechajte prázdne, ak nemáte obmedzenie)
Možnosti blokovania dátumu
- Blokovať minulé dátumy – Zabraňuje výberu akýchkoľvek dátumov pred dneškom
- Blokovať budúce dátumy – Zabraňuje výberu akýchkoľvek dátumov po dnešnom
- Bez výberu víkendu – Zabraňuje výberu sobôt a nedieľ
Výber dátumu začiatku:
- Žiadny vopred vybraný dátum (prázdne) – Pole je začína prázdne
- Dnešný dátum – Aktuálny dátum je predvyplnený
- Zajtrajší dátum – Predvyplnené na druhý deň
- Konkrétny dátum (vyberiete si ho) – Predvyplnený vlastný dátum
Vlastný predvolený dátum – Vyberte si dátum začiatku (zobrazí sa, keď je vybratá možnosť „Konkrétny dátum“)
Podmienená logika
- Povoliť podmienenú logiku – zobraziť/skryť na základe podmienok
- Logický typ
- Všetky podmienky musia byť splnené (A)
- Môže byť splnená akákoľvek podmienka (ALEBO)
- Pravidlá podmienok
- Zobraziť/Skryť – Akcia, ktorú treba vykonať
- Pole – Ktoré pole sa má skontrolovať
- Operátor – Rovná sa, Nerovná sa, Obsahuje, Väčšie ako, Menšie ako, Je prázdne, Nie je prázdne
- Hodnota – Porovnávacia hodnota
- Viaceré podmienky – Pridajte neobmedzený počet pravidiel
rozšírené možnosti
- Skryté pole – Skrytie poľa, ale zahrnutie dátumu v odoslaných údajoch
- Vlastné triedy CSS – Použitie vlastného štýlu
- Atribúty prístupnosti – štítky ARIA pre čítačky obrazovky
Prečo si vybrať naše pole s dátumom?
✅ Viacero formátov – US, UK, ISO a čiarkované formáty
✅ Ovládanie rozsahu dátumov – Presné nastavenie minimálnych/maximálnych hraníc
✅ Blokovať minulé dátumy – Povoliť iba výber budúcich dátumov
✅ Blokovať budúce dátumy – Povoliť iba výbery minulých dátumov
✅ Zakázať víkendy – výber iba v pracovné dni pre firmy
✅ Inteligentné predvolené nastavenia – Predvyplňte dnešný, zajtrajší alebo vlastný dátum
✅ Natívne nástroje na výber – kalendáre optimalizované pre prehliadače pre každú platformu
✅ Automatické overenie – nie je možné vybrať neplatné dátumy
✅ Plne integrované – Funguje bezproblémovo so všetkými funkciami formulára
Často kladené otázky
Otázka: Aké formáty dátumu sú podporované?
Štyri formáty: ISO (2023-12-31), US (12/31/2023), UK (31/12/2023) a Dashed (31-12-2023). Vyberte si formát, ktorý najlepšie zodpovedá vášmu publiku.
Otázka: Ako zabránim používateľom vo výbere minulých dátumov?
Povoľte možnosť „Blokovať minulé dátumy“. Akýkoľvek dátum pred dneškom sa v nástroji na výber dátumu stane nevyberateľným.
Otázka: Môžem obmedziť dátumy na konkrétny rozsah?
Áno. Nastavte „Prvý povolený dátum“ a „Posledný povolený dátum“, aby ste obmedzili možnosti na definované okno.
Otázka: Čo robí funkcia „Zakázať víkendy“?
Soboty a nedele sa tým už nebudú dať vybrať. K dispozícii zostanú iba dni od pondelka do piatku.
Otázka: Ako fungujú predvolené dátumy?
Vyberte, či pole začína prázdne, zobrazuje dnešný dátum, zajtrajší dátum alebo vlastný dátum. Dnešný a zajtrajší dátum sa upravia automaticky.
Otázka: Vyzerá výber dátumu rovnako na všetkých zariadeniach?
Nie. Používa natívne používateľské rozhranie každého zariadenia – kolieska na výber v systéme iOS, kalendáre v systéme Android, voliče na pracovnej ploche atď.
Otázka: Môžem blokovať budúce dátumy pre polia s dátumom narodenia?
Áno. Zapnite možnosť „Blokovať budúce dátumy“, aby si používatelia mohli vybrať iba dátumy do dnešného dňa vrátane.
Otázka: Ako spolupracujú minimálne/maximálne dátumy s blokovaním minulosti/budúcnosti?
Sčítavajú sa. Napríklad blokovanie minulých dátumov plus maximálny dátum o 30 dní dopredu vedie k rozsahu od dneška do 30 dní dopredu.
Otázka: Môžu používatelia namiesto použitia výberového nástroja zadávať dátumy?
Niektoré prehliadače umožňujú písanie s overením. Iné vynucujú výber dátumu. Všetky vynucujú správne formátovanie.
Otázka: Čo sa stane, ak používateľ vyberie víkend, keď sú víkendy vypnuté?
Systém sa automaticky nastaví na najbližší platný deň v týždni, zvyčajne na nasledujúci pondelok.
Otázka: Môžem použiť podmienenú logiku s poľami dátumu?
Áno. Na ovládanie viditeľnosti iných polí použite porovnania ako „Rovná sa“, „Je prázdne“, „Nie je prázdne“, „Väčšie ako“ alebo „Menšie ako“.
Otázka: Ako si nastavím termín?
Zadajte termín v poli „Posledný povolený dátum“. Používatelia si nemôžu vybrať dátumy po tomto dátume. Ak potrebujete dostupnosť iba v budúcnosti, skombinujte to s možnosťou „Blokovať minulé dátumy“.
