Časové pole
Zbierajte čas s presnosťou a ľahkosťou. Od plánovania schôdzok až po výber zmien s elegantnými natívnymi nástrojmi na výber času, inteligentnými intervalmi a flexibilným formátovaním – pole Čas poskytuje overovanie, prispôsobenie a bezproblémový používateľský zážitok.
Inteligentný zber údajov o čase so vstavanou validáciou
Ideálne pre:
Výkonné funkcie pre každý prípad použitia
🕐 Flexibilné časové formáty
24-hodinové alebo 12-hodinové zobrazenie
Vyberte formát, ktorý zodpovedá vášmu publiku. Pre medzinárodných používateľov použite 24-hodinový vojenský čas (14:30) alebo 12-hodinový s AM/PM (2:30) pre lepšiu orientáciu.
Automatická konverzia formátu
Pole automaticky spracováva konverziu formátu – používatelia vidia svoj preferovaný formát, zatiaľ čo váš systém prijíma konzistentné údaje.
Príklady:
- Otváracie hodiny9:00 – 5:00 (12 hodín)
- Medzinárodné plánovanie: 09:00 – 17:00 (24 hodín denne)
- Lekárske vyšetrenia: 14:30 (24-hodinová presnosť)
⏰ Inteligentné časové intervaly
Presnosť výberu ovládania
Nastavte si, ako podrobný má byť výber času. Vyberte si intervaly od minúty po hodinu podľa vašich potrieb.
Dostupné intervaly:
- Každú minútu (12:00, 12:01, 12:02…) – Maximálna presnosť
- Každých 5 minút (12:00, 12:05, 12:10…) – Štandardné termíny
- Každých 10 minút (12:00, 12:10, 12:20…) – Rýchle rezervácie
- Každých 15 minút (12:00, 12:15, 12:30…) – Najčastejšie
- Každých 30 minút (12:00, 12:30, 1:00…) – Polhodinové intervaly
- Každú hodinu (12:00, 1:00, 2:00…) – Jednoduchý výber
Prečo je to dôležité:
Menej možností = rýchlejší výber. Pre lepšiu skúsenosť prispôsobte intervaly svojim potrebám plánovania.
🎯 Obmedzenia časového rozsahu
Nastaviť najskorší a najnovší čas
Obmedzte dostupné časy tak, aby zodpovedali otváracím hodinám, harmonogramom udalostí alebo prevádzkovým oknám. Používatelia si nemôžu vybrať časy mimo vami definovaného rozsahu.
Inteligentné overenie
Overenie na úrovni prehliadača zabraňuje neplatným odoslaniam predtým, ako používatelia kliknú na tlačidlo Odoslať.
Prípady použitia:
- Otváracie hodiny: iba od 9:00 do 6:00
- Večerné podujatia: Iba po 5:00
- Ranné termíny: Iba pred 12:00
- Nočná zmena: 10:00 – 6:00
Príklady:
- Rezervácie v reštaurácii: Min. 11:00, Max. 10:00
- Hodiny telocviku: Min. 6:00, Max. 9:00
- Podporné hodiny: Min. 8:00, Max. 5:00
🔧 Predvolené možnosti času
Tri inteligentné východiskové hodnoty:
1. Prázdne (bez predvolenej hodnoty)
Používatelia začínajú s prázdnym poľom – najlepšie, keď je čas vždy jedinečný.
2. Aktuálny čas
Automaticky vyplní aktuálny čas pri načítaní formulára – ideálne pre polia „čas incidentu“ alebo časové pečiatky.
3. Vlastný čas
Vopred vyberte konkrétny čas, napríklad „9:00“, pre navrhované časy stretnutí alebo bežné výbery.
Kedy použiť každý:
- Prázdne – Časy začiatku udalostí, osobné rozvrhy
- Aktuálne – Časové pečiatky hlásení, časy príchodu
- Vlastné – Navrhované časy stretnutí, predvolené hodiny
⚡ Presnosť na sekundy (voliteľné)
Pridajte sekundy, keď je to potrebné
Povoľte pole sekúnd (HH:MM:SS) pre presné sledovanie času. Ideálne pre časovky, stopky a presné časové pečiatky.
Príklady formátov:
- Bez sekúnd: 14:30 alebo 2:30
- So sekundami: 14:30:45 alebo 2:30:45
Ideálne pre:
- Časomiera športu a výsledky pretekov
- Vedecké experimenty
- Presné systémy ťažby dreva
- Podanie časovky
🔀 Podmienená logika
Dynamické časové polia
Zobraziť alebo skryť pole času na základe iných hodnôt formulára. Vytvárať inteligentné formuláre, ktoré sa prispôsobujú vstupu používateľa.
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ý čas hovoru“ iba vtedy, keď je vybratá možnosť „Kontaktovať telefonicky“
- Zobraziť „Čas začiatku udalosti“, keď je typ udalosti rovný „Vlastná udalosť“
- Skryť „Dodaciu lehotu“, ak je spôsob doručenia „Štandardná doprava“
- Zobraziť „Čas stretnutia“, keď je typ stretnutia „Osobne“
🎨 Vylepšený používateľský zážitok
Aktivácia kliknutím kdekoľvek
Kliknite kdekoľvek na pole a otvorí sa natívny výber času – väčšia cieľová oblasť, lepšia použiteľnosť.
Výbery pôvodného času
Používa vstavaný selektor času prehliadača so známymi, platformovo optimalizovanými rozhraniami (koliesko pre iOS, hodiny pre Android, rozbaľovacia ponuka na pracovnej ploche).
Optimalizácia pre mobilné zariadenia
Výber času dotykom s natívnymi mobilnými klávesnicami a výberovými nástrojmi.
Ďalšie vlastnosti:
- Vlastné CSS triedy pre styling
- Režim skrytého poľa pre systémové časy
- Podpora prístupnosti (štítky ARIA)
- Tlačidlo Vymazať pre jednoduché resetovanie
- Povinné overenie poľa
- Podpora zástupného textu
Jednoduché nastavenie v 3 krokoch
Pripravte si časové pole za pár minút
Pridajte pole Čas
Presuňte pole Čas zo sekcie Základné polia do formulára.
Konfigurácia formátu a intervalov
Vyberte 12-hodinový alebo 24-hodinový formát, nastavte časové intervaly (každých 15 minút, 30 minút atď.) a voliteľne pridajte minimálne/maximálne časové obmedzenia.
Nastaviť predvolený čas
Vyberte, či pole začína prázdne, s aktuálnym časom alebo vlastným časom, ktorý zadáte. Ak potrebujete presné načasovanie, povoľte sekundy.
???? To je všetko! Vaše časové pole je pripravené s inteligentným formátovaním a overením.
Aplikácie v reálnom svete
Služby a rezervácie
* Časy servisu vozidla
* Harmonogramy obhliadok nehnuteľností
* Časy rezervácie zájazdov
* Rezervačné časy zariadenia
Rezervácia kurzov a aktivít
* Časy fitness hodín
* Plánovanie tréningových stretnutí
* Časové úseky pre skupinové aktivity
* Preferencie času lekcie
Obchodné operácie
* Časy začiatku/ukončenia zmeny
* Predkladanie pracovných harmonogramov
* Koordinácia času stretnutí
* Výber času dostupnosti
Rezervácia termínu
* Plánovanie lekárskych vyšetrení
* Rezervácie salónov a kúpeľov
* Výber času konzultácie
* Žiadosti o servisné termíny
Registrácia udalosti
* Časy začiatku/ukončenia udalosti
* Preferencie času stretnutia
* Časové úseky workshopu
* Výber harmonogramu konferencie
Doručenie a vyzdvihnutie
* Časové okná donášky jedla
* Časy vyzdvihnutia v obchode
* Plánovanie vyzdvihnutia pri obrubníku
* Preferencie časového úseku doručenia
Možnosti kompletného poľa
Základná konfigurácia
- Popis poľa – Názov zobrazený nad časovým poľom
- Popis/Pomocný text – Ďalšie pokyny pre používateľov
- Povinné pole – Výber času je povinný
- Zástupný text – text nápovedy predtým, ako používatelia vyberú čas
Nastavenia formátu času
- Formát zobrazenia
- 24-hodinový formát (14:30)
- 12-hodinový formát s AM/PM (2:30)
Presnosť a intervaly
- Časové intervaly
- Každú minútu
- Každé 5 minúty
- Každé 10 minúty
- Každých 15 minút (najpopulárnejšie)
- Každé 30 minúty
- Každú hodinu
Zobraziť sekundy – Pridať pole sekúnd pre presný čas (HH:MM:SS)
Časové obmedzenia
- Najskorší povolený čas (min) – Používatelia si nemôžu vybrať časy pred týmto časom.
- Posledný povolený čas (max.) – Používatelia si nemôžu vybrať časy po tomto čase.
Základné hodnoty
- Výber času začiatku
- Žiadny vopred zvolený čas (prázdne)
- Aktuálny čas (dynamický – načíta sa pri otvorení formulára)
- Vlastný čas (konkrétny čas, ktorý nastavíte)
Vlastný čas začiatku – Vyberte konkrétny čas, ktorý sa má predvyplniť (ak je vybratá možnosť „Vlastný“)
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
- Režim skrytého poľa – Použite ako skryté pole s prednastavenou hodnotou
- Vlastné triedy CSS – Použitie vlastného štýlu
- Atribúty prístupnosti – štítky a popisy ARIA
Prečo si vybrať práve náš časový odbor?
✅ Intuitívne – Natívne výberové panely prehliadača poskytujú známe používateľské rozhrania
✅ Flexibilné – 12-hodinový alebo 24-hodinový formát zodpovedá preferenciám používateľa
✅ Presné – Vlastné intervaly od každej minúty do každej hodiny
✅ Inteligentné – Obmedzenia Min/Max zabraňujú neplatným výberom času
✅ Dynamická – Podmienená logika vytvára adaptívne formy
✅ Používateľsky prívetivé – Aktivácia kliknutím kdekoľvek pre lepšiu skúsenosť
✅ Optimalizované pre mobilné zariadenia – Natívne výbery času s dotykovým ovládaním
✅ Plne integrované – Funguje bezproblémovo so všetkými funkciami formulára
Často kladené otázky
Otázka: Aký je rozdiel medzi 12-hodinovým a 24-hodinovým formátom?
12-hodinový formát zobrazuje časy s AM/PM, napríklad 14:30. 24-hodinový formát používa časy ako 2:30 a je bežný medzinárodne.
Otázka: Ako fungujú časové intervaly?
Intervaly nastavujú, ako podrobné sú časové možnosti. Napríklad 15-minútový interval zobrazuje 9:00, 9:15, 9:30 atď.
Otázka: Môžem obmedziť časy iba na pracovné hodiny?
Áno. Nastavte najskorší a najneskorší čas, napríklad od 9:00 do 5:00, a používatelia si budú môcť vybrať iba v tomto rozsahu.
Otázka: Čo znamená predvolená možnosť „Aktuálny čas“?
Ak je táto možnosť povolená, pole sa pri načítaní formulára automaticky vyplní aktuálnym časom používateľa.
Otázka: Potrebujem pole sekúnd?
Zvyčajne nie. Povoľte ho iba vtedy, keď potrebujete presné načasovanie, napríklad záznamy HH:MM:SS pre udalosti alebo technické údaje.
Otázka: Ako funguje výber času na mobile?
Každé zariadenie používa svoje natívne používateľské rozhranie. iOS zvyčajne používa koliesko na výber, zatiaľ čo Android používa výber v štýle hodín.
Otázka: Môžem použiť podmienenú logiku s časovými poľami?
Áno. Polia môžete zobraziť alebo skryť na základe vybraných časov pomocou podmienok, ako napríklad „Rovná sa“, „Väčšie ako“ alebo „Menšie ako“.
Otázka: Čo sa stane, ak sa používatelia pokúsia vybrať neplatné časy?
Časy mimo povoleného rozsahu sú blokované overením prehliadača a nie je možné ich vybrať.
Otázka: Môžem vopred vyplniť konkrétny čas?
Áno. Pre predvolený čas vyberte možnosť „Vlastné“ a vyberte ľubovoľnú hodnotu, ktorú chcete prednačítať.
Otázka: Funguje časové pole vo všetkých prehliadačoch?
Všetky moderné prehliadače podporujú časové vstupy HTML5 so vstavanými výbermi. Staršie prehliadače sa uchyľujú k textovému vstupu s overovaním.
Otázka: Môžem upraviť pole času tak, aby zodpovedalo mojej stránke?
Áno. Výber používa natívne používateľské rozhranie, ale vstupné pole je možné štylovať pomocou tried CSS.
Otázka: Aký formát používa odoslaný čas?
Časové hodnoty sa vždy odosielajú v 24-hodinovom formáte, čím sa zabezpečuje konzistentnosť údajov na spracovanie.
