Ajaväli
Koguge aega täpselt ja hõlpsalt. Alates kohtumiste planeerimisest kuni vahetuste valimiseni elegantsete natiivsete ajavalijate, nutikate intervallide ja paindliku vormindamise abil – ajaväli pakub valideerimist, kohandamist ja sujuvat kasutuskogemust.
Nutikas ajakogumine sisseehitatud valideerimisega
Ideaalne:
Võimsad funktsioonid igaks kasutusjuhtumiks
🕐 Paindlikud ajavormingud
24-tunnine või 12-tunnine kuva
Valige oma sihtrühmale sobiv formaat. Rahvusvaheliste kasutajate jaoks kasutage 24-tunnist sõjaväeaega (14:30) või tuttavlikkuse huvides 12-tunnist AM/PM-vormingut (2:30).
Automaatne vormingu teisendamine
Väli haldab vormingu teisendamist automaatselt – kasutajad näevad oma eelistatud vormingut, samal ajal kui teie süsteem saab järjepidevaid andmeid.
Näited:
- Töötundide arv: 9:00–5:00 (12 tundi)
- Rahvusvaheline ajakava: 09:00 – 17:00 (24 tundi ööpäevas)
- Arsti vastuvõtud: 14:30 (24-tunnise täpsusega)
⏰ Nutikad ajaintervallid
Juhtimisvaliku täpsus
Määrake aja detailsus. Valige vastavalt oma vajadustele minutist kuni tunnise intervallini.
Saadaval olevad intervallid:
- Iga minut (12:00, 12:01, 12:02…) – Maksimaalne täpsus
- Iga 5 minuti järel (12:00, 12:05, 12:10…) – Tavapärased vastuvõtuajad
- Iga 10 minuti järel (12:00, 12:10, 12:20…) – Kiire broneerimine
- Iga 15 minuti järel (12:00, 12:15, 12:30…) – Kõige sagedamini
- Iga 30 minuti järel (12:00, 12:30, 1:00…) – pooletunnised vaheajad
- Iga tund (12:00, 1:00, 2:00…) – Lihtne valik
Miks see oluline:
Vähem valikuid = kiirem valik. Parema kasutajakogemuse saavutamiseks sobitage intervallid oma ajastamisvajadustega.
🎯 Ajavahemiku piirangud
Määra varaseim ja hiliseim aeg
Piira saadaolevaid aegu, et need sobiksid tööaja, ürituste ajakava või avatud olekuakendega. Kasutajad ei saa valida aegu väljaspool teie määratletud vahemikku.
Nutikas valideerimine
Brauseri tasemel valideerimine hoiab ära sobimatud esitused enne, kui kasutajad klõpsavad nupul „Esita”.
Kasutusjuhtumid:
- Lahtiolekuajad: ainult 9.00–18.00
- Õhtused üritused: Ainult pärast kella 17.00
- Hommikused ajad: Ainult enne kella 12.00
- Öine vahetus: 10:00 – 6:00
Näited:
- Restorani broneerimine: min 11:00, max 10:00
- Jõusaalitunnid: min 6:00, max 9:00
- Tugiteenuse lahtiolekuajad: min 8:00, max 5:00
🔧 Vaikimisi kellaaja valikud
Kolm nutikat lähteväärtust:
1. Tühi (vaikimisi pole)
Kasutajad alustavad tühja väljaga – parim lahendus on see, kui kellaaeg on alati unikaalne.
2. Praegune kellaaeg
Täidetakse vormi laadimisel automaatselt praeguse ajaga – ideaalne „juhtumi kellaaja” või ajatempli väljade jaoks.
3. Kohandatud aeg
Soovitatud kohtumisaegade või levinud valikute jaoks valige eelnevalt kindel kellaaeg, näiteks „9:00“.
Millal igaüht kasutada:
- Tühi – ürituse algusajad, isiklikud ajakavad
- Praegune – Aruande ajatemplid, sisseregistreerimise ajad
- Kohandatud – Soovituslikud koosolekuajad, vaikekellaajad
⚡ Sekundite täpsus (valikuline)
Lisa sekundeid vajadusel
Täpse aja jälgimiseks luba sekundite väli (HH:MM:SS). Ideaalne ajavõtu, stopperite ja täpsete ajatemplite jaoks.
Vormingu näited:
- Ilma sekunditeta: 14:30 või 2:30
- Sekunditega: 14:30:45 või 2:30:45
Ideaalne:
- Spordiaja ja võistluste tulemused
- Teaduslikud katsed
- Täpsed metsaraiesüsteemid
- Ajaproovi esildised
🔀 Tingimuslik loogika
Dünaamilised ajaväljad
Kuva või peida ajaväli teiste vormiväärtuste põhjal. Loo intelligentseid vorme, mis kohanduvad kasutaja sisendiga.
Täiustatud loogikareeglid:
- JA loogika – Kõik tingimused peavad olema täidetud
- VÕI loogika – iga tingimus võib toimingu käivitada
- 8 operaatorit – Võrdub, Pole võrdne, Suurem kui, Väiksem kui, Sisaldab, On tühi ja palju muud
Kasutusjuhtumid:
- Kuva „Eelistatud kõneaeg” ainult siis, kui on valitud „Võta ühendust telefoni teel”
- Kuva „Sündmuse algusaeg”, kui sündmuse tüüp on võrdne „Kohandatud sündmus”
- Peida „Tarneaeg”, kui tarneviis on „Standardne saatmine”
- Kuva „Kohtumise aeg“, kui kohtumise tüüp on „Kohalviibimine“
🎨 Täiustatud kasutajakogemus
Click-Anywhere aktiveerimine
Natiivse ajavalija avamiseks klõpsake väljal suvalisel kohal – suurem sihtala, parem kasutatavus.
Natiivsed ajavalijad
Kasutab brauseri sisseehitatud ajavalijat tuttavate platvormile optimeeritud liidestega (iOS-i ratas, Androidi kell, töölaua rippmenüü).
Mobiil optimeeritud
Puutetundlik ajavalik natiivsete mobiilsete klaviatuuride ja valijatega.
Lisaomadused
- Kohandatud CSS-klassid stiilimiseks
- Süsteemiaegade peidetud väljarežiim
- Ligipääsetavuse tugi (ARIA sildid)
- Tühjenda nupp lihtsaks lähtestamiseks
- Kohustuslik välja valideerimine
- Kohatäiteteksti tugi
Lihtne seadistamine 3 sammuga
Valmista oma ajaväli minutitega ette
Lisa ajaväli
Lohistage väli Aeg jaotisest Põhiväljad oma vormile.
Vormingu ja intervallide seadistamine
Valige 12-tunnine või 24-tunnine formaat, määrake ajaintervallid (iga 15 minuti, 30 minuti jne järel) ja lisage valikuliselt min/max ajapiirangud.
Määra vaikeaeg
Valige, kas väli algab tühjalt, praeguse kellaajaga või teie määratud kohandatud kellaajaga. Täpse ajastuse jaoks lubage sekundid.
???? Ongi kõik! Teie ajaväli on nutika vormindamise ja valideerimisega valmis.
Reaalmaailma rakendused
Täielikud väljavalikud
Põhikonfiguratsioon
- Välja silt – ajavälja kohal kuvatav pealkiri
- Kirjeldus/abitekst – Lisajuhised kasutajatele
- Kohustuslik väli – aja valik on kohustuslik
- Kohatäitetekst – vihjetekst enne, kui kasutajad valivad aja
Ajavormingu seaded
- Kuva vorming
- 24-tunnine kell (14:30)
- 12-tunnine kell koos AM/PM-iga (2:30)
Täpsus ja intervallid
- Ajaintervallid
- Iga minut
- Iga 5 minuti tagant
- Iga 10 minuti tagant
- Iga 15 minuti järel (kõige populaarsem)
- Iga 30 minuti tagant
- Iga tund
Näita sekundeid – lisa täpse aja jaoks sekundite väli (HH:MM:SS)
Ajapiirangud
- Varaseim lubatud aeg (min) – Kasutajad ei saa valida aega enne seda
- Viimane lubatud aeg (maksimaalne) – Kasutajad ei saa pärast seda aega valida
Vaikeväärtused
- Algusaja valik
- Eelvalitud aega pole (tühi)
- Praegune kellaaeg (dünaamiline – laadib vormi avamisel)
- Kohandatud aeg (teie määratud kellaaeg)
Kohandatud algusaeg – Valige eeltäitmiseks konkreetne kellaaeg (kui valitud on „Kohandatud“)
Tingimuslik loogika
- Tingimusliku loogika lubamine – kuva/peida tingimuste alusel
- Loogika tüüp
- Kõik tingimused peavad olema täidetud (JA)
- Mistahes tingimus võib olla täidetud (VÕI)
- Tingimusreeglid
- Näita/Peida – toiming, mida teha
- Väli – millist välja kontrollida
- Operaator – Võrdub, Ei ole võrdne, Sisaldab, Suurem kui, Väiksem kui, On tühi, Ei ole tühi
- Väärtus – võrdlusväärtus
- Mitmed tingimused – lisage piiramatu arv reegleid
Advanced Options
- Peidetud välja režiim – kasutage peidetud väljana eelmääratud väärtusega
- Kohandatud CSS-klassid – rakendage kohandatud stiili
- Ligipääsetavuse atribuudid – ARIA sildid ja kirjeldused

Miks valida meie ajaväli?
✅ Intuitiivne – brauseri natiivsed valijad pakuvad tuttavat kogemust
✅ Paindlik – 12-tunnine või 24-tunnine vorming vastab kasutaja eelistustele
✅ Täpne – Kohandatavad intervallid igast minutist iga tunnini
✅ Nutikas – min/max piirangud takistavad sobimatuid ajavalikuid
✅ Dünaamiline – tingimuslik loogika loob adaptiivseid vorme
✅ Kasutajasõbralik – parema kasutajakogemuse saavutamiseks saab kõikjal klõpsata ja aktiveerida
✅ Mobiilile optimeeritud – puutetundlikud natiivsed ajavalijad
✅ Täielikult integreeritud – töötab sujuvalt kõigi vormifunktsioonidega
Korduma kippuvad küsimused
K: Mis vahe on 12-tunnisel ja 24-tunnisel vormingul?
12-tunnine formaat kuvab kellaaega koos AM/PM-iga, näiteks 2:30 PM. 24-tunnine formaat kasutab kellaaega nagu 14:30 ja on rahvusvaheliselt levinud.
K: Kuidas ajaintervallid toimivad?
Intervallid määravad ajavalikute detailsuse. Näiteks 15-minutiline intervall näitab kellaaega 9:00, 9:15, 9:30 jne.
K: Kas ma saan piirata aega ainult töötundidega?
Jah. Määrake varaseim ja hiliseim kellaaeg, näiteks 9.00–17.00, ja kasutajad saavad valida ainult selles vahemikus.
K: Mida tähendab vaikimisi „Praegune kellaaeg”?
Kui see on lubatud, täidetakse väli vormi laadimisel automaatselt kasutaja praeguse kellaajaga.
K: Kas sekundite välja on vaja?
Tavaliselt mitte. Luba see ainult siis, kui vajad täpset ajastust, näiteks sündmuste või tehniliste andmete jaoks HH:MM:SS kirjeid.
K: Kuidas ajavalija mobiilis töötab?
Iga seade kasutab oma loomulikku kasutajaliidest. iOS kasutab tavaliselt rattavalijat, Android aga kellakujulist valijat.
K: Kas ma saan ajaväljadega tingimusloogikat kasutada?
Jah. Saate valitud kellaaegade põhjal välju kuvada või peita, kasutades tingimusi, näiteks „Võrdub“, „Suurem kui“ või „Väiksem kui“.
K: Mis juhtub, kui kasutajad proovivad valida sobimatuid kellaaegu?
Lubatud vahemikust väljaspool olevad ajad blokeeritakse brauseri valideerimisega ja neid ei saa valida.
K: Kas ma saan tellimuse eelnevalt kindla ajaga täita?
Jah. Valige vaikeajaks „Kohandatud“ ja valige mis tahes väärtus, mille soovite eellaadida.
K: Kas ajaväli töötab kõigis brauserites?
Kõik tänapäevased brauserid toetavad HTML5 aja sisestamist sisseehitatud valijatega. Vanemad brauserid kasutavad valideerimisega teksti sisestamist.
K: Kas ma saan ajavälja oma saidiga sobivaks muuta?
Jah. Valija kasutab natiivset kasutajaliidest, aga sisestusvälja saab CSS-klassidega kujundada.
K: Millises vormingus esitatud aeg on märgitud?
Ajaväärtused esitatakse alati 24-tunnise formaadiga, tagades töötlemiseks ühtsed andmed.