Časové pole
Shromažďujte čas s přesností a snadno. Od plánování schůzek až po výběr směn s elegantními nativními nástroji pro výběr času, inteligentními intervaly a flexibilním formátováním – pole Čas nabízí ověřování, přizpůsobení a bezproblémový uživatelský zážitek.
Inteligentní sběr dat o čase s vestavěným ověřováním
Ideální pro:
Výkonné funkce pro každý případ použití
🕐 Flexibilní časové formáty
24hodinové nebo 12hodinové zobrazení
Vyberte formát, který odpovídá vašemu publiku. Pro mezinárodní uživatele použijte 24hodinový vojenský čas (14:30) nebo 12hodinový s AM/PM (2:30) pro lepší orientaci.
Automatická konverze formátu
Pole automaticky provádí převod formátu – uživatelé vidí svůj preferovaný formát, zatímco váš systém přijímá konzistentní data.
Příklady:
- Otevírací doba9:00 – 5:00 (12hodinový provoz)
- Mezinárodní plánování: 09:00 – 17:00 (24 hodin)
- Lékařské schůzky: 14:30 (s přesností na 24 hodin)
⏰ Inteligentní časové intervaly
Přesnost výběru řízení
Nastavte si, jak podrobný má být výběr času. Vyberte si intervaly od minuty po hodinu podle svých potřeb.
Dostupné intervaly:
- Každou minutu (12:00, 12:01, 12:02…) – Maximální přesnost
- Každých 5 minut (12:00, 12:05, 12:10…) – Standardní schůzky
- Každých 10 minut (12:00, 12:10, 12:20…) – Rychlé rezervace
- Každých 15 minut (12:00, 12:15, 12:30…) – Nejčastěji
- Každých 30 minut (12:00, 12:30, 1:00…) – Půlhodinové intervaly
- Každou hodinu (12:00, 1:00, 2:00…) – Jednoduchý výběr
Proč je důležitá:
Méně možností = rychlejší výběr. Pro lepší uživatelskou zkušenost přizpůsobte intervaly svým potřebám plánování.
🎯 Omezení časového rozsahu
Nastavení nejbližšího a nejpozdějšího času
Omezte dostupné časy tak, aby odpovídaly pracovní době, harmonogramu akcí nebo provoznímu oknu. Uživatelé nemohou vybírat časy mimo vámi definovaný rozsah.
Inteligentní validace
Ověřování na úrovni prohlížeče zabraňuje neplatným odesláním před kliknutím uživatelů na tlačítko Odeslat.
Případy užití:
- Provozní doba: pouze 9:00 – 6:00
- Večerní akce: Pouze po 5:00
- Dopolední sloty: Pouze před 12:00
- Noční směna: 10:00 – 6:00
Příklady:
- Rezervace v restauraci: Min. 11:00, Max. 10:00
- Lekce tělocviku: Min. 6:00, Max. 9:00
- Provozní doba podpory: Min. 8:00, Max. 5:00
🔧 Výchozí možnosti času
Tři chytré výchozí hodnoty:
1. Prázdné (bez výchozího nastavení)
Uživatelé začínají s prázdným polem – nejlépe, když je čas vždy jedinečný.
2. Aktuální čas
Automaticky vyplní aktuální čas při načtení formuláře – ideální pro pole „čas incidentu“ nebo časové razítko.
3. Vlastní čas
Předem vyberte konkrétní čas, například „9:00“, pro navrhované časy schůzek nebo běžné výběry.
Kdy použít každý:
- Prázdné – Časy zahájení událostí, osobní rozvrhy
- Aktuální – Časová razítka hlášení, časy příjezdu
- Vlastní – Navrhované časy schůzek, výchozí hodiny
⚡ Přesnost na sekundy (volitelné)
Přidejte vteřiny, když je to potřeba
Povolte pole sekund (HH:MM:SS) pro přesné sledování času. Ideální pro časovky, stopky a přesná časová razítka.
Příklady formátů:
- Bez sekund: 14:30 nebo 2:30
- S vteřinami: 14:30:45 nebo 2:30:45
Ideální pro:
- Sportovní měření času a výsledky závodů
- Vědecké experimenty
- Přesné systémy pro těžbu dřeva
- Podání v časovce
🔀 Podmíněná logika
Dynamická časová pole
Zobrazte nebo skryjte časové pole na základě jiných hodnot formuláře. Vytvářejte inteligentní formuláře, které se přizpůsobují vstupu uživatele.
Pokročilá logická pravidla:
- Logika AND – Všechny podmínky musí být splněny
- Logika NEBO – Akci může spustit jakákoli podmínka.
- 8 operátorů – Rovná se, Nerovná se, Větší než, Menší než, Obsahuje, Je prázdné a další
Případy užití:
- Zobrazit „Preferovaný čas hovoru“ pouze při výběru možnosti „Kontaktovat telefonicky“
- Zobrazit „Čas zahájení události“, pokud je typ události roven „Vlastní událost“.
- Skrýt „Dodací lhůtu“, pokud je způsob doručení „Standardní doprava“
- Zobrazit „Čas schůzky“, pokud je typ schůzky roven „Osobně“
🎨 Vylepšený uživatelský zážitek
Aktivace kliknutím kdekoli
Kliknutím kamkoli do pole otevřete nativní výběr času – větší cílová oblast, lepší použitelnost.
Nativní výběry času
Používá vestavěný volič času prohlížeče se známými rozhraními optimalizovanými pro platformu (kolečko pro iOS, hodiny pro Android, rozbalovací nabídka na ploše).
Optimalizováno pro mobily
Dotykový výběr času s nativními mobilními klávesnicemi a voliči.
Další funkce:
- Vlastní CSS třídy pro styling
- Režim skrytého pole pro systémové časy
- Podpora přístupnosti (štítky ARIA)
- Tlačítko Vymazat pro snadné resetování
- Ověření povinného pole
- Podpora zástupného textu
Jednoduché nastavení ve 3 krocích
Připravte si své časové pole během několika minut
Přidat pole Čas
Přetáhněte pole Čas ze sekce Základní pole do formuláře.
Konfigurace formátu a intervalů
Vyberte 12hodinový nebo 24hodinový formát, nastavte časové intervaly (každých 15 minut, 30 minut atd.) a volitelně přidejte minimální/maximální časová omezení.
Nastavení výchozího času
Zvolte, zda pole začíná prázdné, s aktuálním časem nebo s vlastním časem, který zadáte. Pokud potřebujete přesné načasování, povolte sekundy.
???? To je vše! Vaše časové pole je připraveno s inteligentním formátováním a ověřením.
Aplikace v reálném světě
Služby a rezervace
* Doby servisu vozidel
* Harmonogramy prohlídek nemovitostí
* Časy rezervace zájezdů
* Rezervační sloty pro zařízení
Rezervace kurzů a aktivit
* Časy lekcí fitness
* Plánování školení
* Časové úseky pro skupinové aktivity
* Preference času lekce
Obchodní operace
* Časy zahájení/ukončení směny
* Podávání pracovních harmonogramů
* Koordinace času schůzek
* Výběr času dostupnosti
Jmenování rezervace
* Objednávání lékařských schůzek
* Rezervace do salonů a lázní
* Výběr času konzultace
* Žádosti o servisní schůzku
Registrace události
* Čas zahájení/ukončení akce
* Preference času lekce
* Časové úseky workshopu
* Výběr konferenčního programu
Doručení a vyzvednutí
* Časová okna pro doručení jídla
* Časy vyzvednutí v obchodě
* Plánování vyzvednutí u obrubníku
* Předvolby časového úseku doručení
Možnosti kompletního pole
Základní konfigurace
- Popisek pole – Název zobrazený nad časovým polem
- Popis/Nápověda – Další pokyny pro uživatele
- Povinné pole – Nastavit výběr času jako povinný
- Zástupný text – Text nápovědy, než uživatelé vyberou čas
Nastavení formátu času
- Formát zobrazení
- 24hodinový formát (14:30)
- 12hodinový formát s AM/PM (2:30)
Přesnost a intervaly
- Časové intervaly
- Každou minutu
- Každých 5 minut
- Každých 10 minut
- Každých 15 minut (nejoblíbenější)
- Každých 30 minut
- Každou hodinu
Zobrazit sekundy – Přidat pole sekund pro přesný čas (HH:MM:SS)
Časová omezení
- Nejdřívější povolený čas (min) – Uživatelé nemohou vybrat časy před tímto
- Poslední povolený čas (max.) – Uživatelé nemohou vybírat časy po tomto datu.
Výchozí hodnoty
- Výběr času spuštění
- Žádný předem zvolený čas (prázdné)
- Aktuální čas (dynamický – načte se při otevření formuláře)
- Vlastní čas (konkrétní čas, který nastavíte)
Vlastní čas zahájení – Vyberte konkrétní čas, který chcete předvyplnit (pokud je vybrána možnost „Vlastní“)
Podmíněná logika
- Povolit podmíněnou logiku – Zobrazit/skrýt na základě podmínek
- Typ logiky
- Všechny podmínky musí být splněny (A)
- Jakákoli podmínka může být splněna (NEBO)
- Pravidla podmínek
- Zobrazit/Skrýt – Akce, kterou je třeba provést
- Pole – Které pole zkontrolovat
- Operátor – Rovná se, Nerovná se, Obsahuje, Větší než, Menší než, Je prázdné, Není prázdné
- Hodnota – Porovnávací hodnota
- Více podmínek – Přidejte neomezený počet pravidel
Pokročilé možnosti
- Režim skrytého pole – Použití jako skryté pole s přednastavenou hodnotou
- Vlastní CSS třídy – Použití vlastních stylů
- Atributy přístupnosti – popisky a popisy ARIA
Proč si vybrat náš časový obor?
✅ Intuitivní – Nativní výběry v prohlížeči poskytují známé prostředí
✅ Flexibilní – 12hodinový nebo 24hodinový formát odpovídá preferencím uživatele
✅ Přesné – Vlastní intervaly od minuty do hodiny
✅ Inteligentní – Omezení min./max. hodnoty zabraňují neplatnému výběru času
✅ Dynamické – Podmíněná logika vytváří adaptivní formy
✅ Uživatelsky přívětivé – Aktivace kliknutím kdekoli pro lepší uživatelskou zkušenost
✅ Optimalizováno pro mobilní zařízení – Nativní výběry času s dotykovým ovládáním
✅ Plně integrovaný – Funguje bez problémů se všemi funkcemi formuláře
Často kladené dotazy
Otázka: Jaký je rozdíl mezi 12hodinovým a 24hodinovým formátem?
12hodinový formát zobrazuje časy s AM/PM, například 14:30. 24hodinový formát používá časy jako 2:30 a je běžný mezinárodně.
Otázka: Jak fungují časové intervaly?
Intervaly určují, jak podrobné jsou časové volby. Například 15minutový interval zobrazuje 9:00, 9:15, 9:30 atd.
Otázka: Mohu omezit časy pouze na pracovní dobu?
Ano. Nastavte nejbližší a nejpozdější čas, například od 9:00 do 5:00, a uživatelé si budou moci vybrat pouze v tomto rozsahu.
Otázka: Co znamená výchozí nastavení „Aktuální čas“?
Pokud je tato možnost povolena, pole se při načtení formuláře automaticky vyplní aktuálním časem uživatele.
Otázka: Potřebuji pole sekund?
Obvykle ne. Povolte ji pouze tehdy, když potřebujete přesné načasování, například záznamy HH:MM:SS pro události nebo technická data.
Otázka: Jak funguje výběr času na mobilním zařízení?
Každé zařízení používá své nativní uživatelské rozhraní. iOS obvykle používá kolečko pro výběr, zatímco Android používá výběr ve stylu hodin.
Otázka: Mohu použít podmíněnou logiku s časovými poli?
Ano. Pole můžete zobrazit nebo skrýt na základě vybraných časů pomocí podmínek, jako například „Rovná se“, „Větší než“ nebo „Menší než“.
Otázka: Co se stane, když se uživatelé pokusí vybrat neplatné časy?
Časy mimo povolený rozsah jsou blokovány ověřováním prohlížeče a nelze je vybrat.
Otázka: Mohu předvyplnit konkrétní čas?
Ano. Pro výchozí čas vyberte možnost „Vlastní“ a vyberte libovolnou hodnotu, kterou chcete předem načíst.
Otázka: Funguje časové pole ve všech prohlížečích?
Všechny moderní prohlížeče podporují zadávání času ve formátu HTML5 s vestavěnými nástroji pro výběr. Starší prohlížeče se vracejí k textovému zadávání s validací.
Otázka: Mohu upravit časové pole tak, aby odpovídalo mému webu?
Ano. Výběr používá nativní uživatelské rozhraní, ale vstupní pole lze stylizovat pomocí CSS tříd.
Otázka: Jaký formát používá odeslaný čas?
Časové hodnoty se vždy odesílají ve 24hodinovém formátu, což zajišťuje konzistentní data pro zpracování.
