Časovno polje
Zbirajte čas natančno in enostavno. Od razporejanja terminov do izbire izmen z elegantnimi izvornimi izbirniki časa, pametnimi intervali in prilagodljivim oblikovanjem – polje »Čas« zagotavlja preverjanje, prilagajanje in brezhibno uporabniško izkušnjo.
Pametno zbiranje časa z vgrajeno validacijo
Idealen za:
Zmogljive funkcije za vsak primer uporabe
🕐 Prilagodljivi časovni formati
24-urni ali 12-urni prikaz
Izberite obliko, ki ustreza vašemu občinstvu. Za mednarodne uporabnike uporabite 24-urni vojaški čas (14:30) ali 12-urni z dopoldanskim/popoldanskim časom (2:30) za lažje razumevanje.
Samodejna pretvorba formata
Polje samodejno upravlja pretvorbo formata – uporabniki vidijo svojo želeno obliko, medtem ko vaš sistem prejema dosledne podatke.
Primeri:
- Poslovne ure: 9:00 – 5:00 (12 ur)
- Mednarodno vozovno red: 09:00 – 17:00 (24 ur)
- Zdravniški pregledi: 14:30 (24-urna natančnost)
⏰ Pametni časovni intervali
Natančnost izbire krmiljenja
Nastavite, kako natančna naj bo izbira časa. Izberite od intervalov od minute do ur glede na vaše potrebe.
Razpoložljivi intervali:
- Vsako minuto (12:00, 12:01, 12:02…) – Največja natančnost
- Vsakih 5 minut (12:00, 12:05, 12:10…) – Standardni termini
- Vsakih 10 minut (12:00, 12:10, 12:20…) – Hitre rezervacije
- Vsakih 15 minut (12:00, 12:15, 12:30…) – Najpogosteje
- Vsakih 30 minut (12:00, 12:30, 1:00…) – polurni termini
- Vsako uro (12:00, 1:00, 2:00…) – Enostavna izbira
Zakaj je pomembno:
Manj možnosti = hitrejša izbira. Za boljšo uporabniško izkušnjo prilagodite intervale svojim potrebam po razporejanju.
🎯 Omejitve časovnega razpona
Nastavite najzgodnejši in najpoznejši čas
Omejite razpoložljive čase, da se ujemajo z delovnim časom, urniki dogodkov ali operativnimi okni. Uporabniki ne morejo izbrati časov zunaj določenega obsega.
Pametno preverjanje
Preverjanje na ravni brskalnika preprečuje neveljavne oddaje, preden uporabniki kliknejo »pošlji«.
Uporabite primere:
- Delovni čas: samo od 9:00 do 6:00
- Večerni dogodki: Samo po 17.00
- Dopoldanski termini: Samo pred 12.00 uro
- Nočna izmena: 10:00 – 6:00
Primeri:
- Rezervacije v restavracijah: najmanj 11:00, največ 10:00
- Telovadnica: Min 6:00, Max 9:00
- Delovni čas podpore: najmanj 8:00, največ 5:00
🔧 Privzete možnosti časa
Tri pametne začetne vrednosti:
1. Prazno (brez privzete vrednosti)
Uporabniki začnejo s praznim poljem – najbolje, kadar je čas vedno edinstven.
2. Trenutni čas
Samodejno se izpolni s trenutnim časom, ko se obrazec naloži – idealno za polja »čas dogodka« ali časovni žig.
3. Čas po meri
Za predlagane čase sestankov ali pogoste izbire izberite določen čas, na primer »9:00«.
Kdaj uporabiti vsako:
- Prazno – Začetni časi dogodkov, osebni urniki
- Trenutno – Poročila o časovnih žigih, časih prijave
- Po meri – Predlagani časi srečanj, privzete ure
⚡ Sekundna natančnost (neobvezno)
Dodajte sekunde, ko je potrebno
Omogočite polje za sekunde (HH:MM:SS) za natančno sledenje časa. Idealno za časovne preizkuse, štoparice in natančne časovne žige.
Primeri oblik:
- Brez sekund: 14:30 ali 2:30
- Z sekundami: 14:30:45 ali 2:30:45
Idealno za:
- Športni časi in rezultati dirk
- Znanstveni poskusi
- Natančni sistemi za sečnjo
- Prijave na kronometru
🔀 Pogojna logika
Dinamična časovna polja
Prikažite ali skrijte polje s časom na podlagi drugih vrednosti obrazca. Ustvarite inteligentne obrazce, ki se prilagajajo uporabnikovemu vnosu.
Napredna logična pravila:
- IN logika – Izpolnjeni morajo biti vsi pogoji
- Logika ALI – Dejanje lahko sproži kateri koli pogoj.
- 8 operatorjev – enako, ni enako, večje od, manjše od, vsebuje, je prazno in drugi
Uporabite primere:
- Prikaži »Želeni čas klica« samo, če je izbrana možnost »Kontakt po telefonu«
- Prikaži »Začetni čas dogodka«, ko je vrsta dogodka enaka »Dogodek po meri«
- Skrij »Čas dostave«, če je način dostave »Standardna dostava«
- Prikaži »Čas sestanka«, ko je vrsta sestanka enaka »V živo«
🎨 Izboljšana uporabniška izkušnja
Aktivacija s klikom kjer koli
Kliknite kjer koli na polju, da odprete izvorni izbirnik časa – večje ciljno območje, boljša uporabnost.
Izvorni izbirniki časa
Uporablja vgrajeni izbirnik časa brskalnika z znanimi, platformo optimiziranimi vmesniki (kolesce za iOS, ura za Android, spustni meni za namizje).
Mobilno optimizirano
Izbira časa na dotik z izvornimi mobilnimi tipkovnicami in izbirniki.
Dodatne funkcije:
- Razredi CSS po meri za oblikovanje
- Način skritega polja za sistemske čase
- Podpora za dostopnost (oznake ARIA)
- Gumb za brisanje za enostavno ponastavitev
- Obvezno preverjanje polj
- Podpora za besedilo nadomestnega znaka
Preprosta namestitev v 3 korakih
Pripravite svoje časovno polje v nekaj minutah
Dodajte polje Čas
Povlecite in spustite polje Čas iz razdelka Osnovna polja v obrazec.
Konfiguriraj obliko in intervale
Izberite 12-urni ali 24-urni format, nastavite časovne intervale (vsakih 15 minut, 30 minut itd.) in po želji dodajte najmanjše/največje časovne omejitve.
Nastavi privzeti čas
Izberite, ali naj se polje začne prazno, s trenutnim časom ali s časom po meri, ki ga določite. Omogočite sekunde, če potrebujete natančen čas.
???? To je to! Vaše časovno polje je pripravljeno s pametnim oblikovanjem in preverjanjem.
Aplikacije iz resničnega sveta
Storitve in rezervacije
* Časi servisiranja vozil
* Urniki ogledov nepremičnin
* Čas rezervacije izletov
* Rezervacijski termini za objekte
Rezervacija tečajev in dejavnosti
* Čas vadbe za fitnes
* Razporejanje vadbenih sej
* Časovni intervali za skupinske aktivnosti
* Nastavitve časa pouka
Poslovanje
* Začetni/končni časi izmene
* Oddaje delovnega urnika
* Usklajevanje časa sestankov
* Izbira časa razpoložljivosti
Rezervacija termina
* Načrtovanje zdravniških pregledov
* Rezervacije salonov in spa centrov
* Izbira časa posvetovanja
* Zahteve za termine storitev
Registracija dogodka
* Začetni/končni časi dogodka
* Nastavitve časa seje
* Termini delavnice
* Izbira urnika konference
Dostava in prevzem
* Časovna okna za dostavo hrane
* Časi prevzema v trgovini
* Načrtovanje prevzema ob robu pločnika
* Nastavitve termina dostave
Možnosti celotnega polja
Osnovna konfiguracija
- Oznaka polja – Naslov, prikazan nad časovnim poljem
- Opis/Pomoč – Dodatna navodila za uporabnike
- Obvezno polje – Izbira časa naj bo obvezna
- Nadomestno besedilo – namig, preden uporabniki izberejo čas
Nastavitve oblike časa
- Oblika prikaza
- 24-urni format (14:30)
- 12-urni format z AM/PM (2:30)
Natančnost in intervali
- Časovni intervali
- Vsako minuto
- Vsakih 5 minut
- Vsakih 10 minut
- Vsakih 15 minut (najbolj priljubljeno)
- Vsakih 30 minut
- Vsako uro
Prikaži sekunde – Dodajte polje za sekunde za natančen čas (HH:MM:SS)
Časovne omejitve
- Najzgodnejši dovoljeni čas (min) – Uporabniki ne morejo izbrati časov pred tem
- Najdaljši dovoljeni čas (največ) – Uporabniki ne morejo več izbrati časov po tem času.
Privzete vrednosti
- Izbira začetnega časa
- Ni vnaprej izbranega časa (prazno)
- Trenutni čas (dinamičen – naloži se ob odprtju obrazca)
- Čas po meri (določen čas, ki ga nastavite)
Začetni čas po meri – Izberite določen čas za predhodno izpolnjevanje (če je izbrana možnost »Po meri«)
Pogojna logika
- Omogoči pogojno logiko – prikaži/skrij glede na pogoje
- Logična vrsta
- Vsi pogoji morajo biti izpolnjeni (IN)
- Izpolnjen je lahko kateri koli pogoj (ALI)
- Pravila pogojev
- Prikaži/skrij – Dejanje, ki ga je treba izvesti
- Polje – Katero polje naj se preveri
- Operator – Enako, Ni enako, Vsebuje, Večje od, Manjše od, Je prazno, Ni prazno
- Vrednost – Primerjalna vrednost
- Več pogojev – Dodajte neomejeno število pravil
Napredne možnosti
- Način skritega polja – Uporabite kot skrito polje z vnaprej nastavljeno vrednostjo
- Razredi CSS po meri – Uporabite slog po meri
- Atributi dostopnosti – oznake in opisi ARIA
Zakaj izbrati naše časovno področje?
✅ Intuitivno – izvorni izbirniki brskalnika zagotavljajo znane izkušnje
✅ Prilagodljivo – 12-urni ali 24-urni formati ustrezajo uporabniškim željam
✅ Natančno – Prilagojeni intervali od vsake minute do vsake ure
✅ Pametno – omejitve min./maks. preprečujejo neveljavne izbire časa
✅ Dinamično – Pogojna logika ustvarja prilagodljive oblike
✅ Uporabniku prijazno – aktivacija s klikom kjer koli za boljšo uporabniško izkušnjo
✅ Optimizirano za mobilne naprave – izbirniki časa, prijazni do dotika
✅ Popolnoma integrirano – deluje brezhibno z vsemi funkcijami obrazca
Pogosto zastavljena vprašanja
V: Kakšna je razlika med 12-urnim in 24-urnim formatom?
12-urni format prikazuje čas z AM/PM, na primer 14:30. 24-urni format uporablja čase, na primer 2:30, in je mednarodno pogost.
V: Kako delujejo časovni intervali?
Intervali določajo, kako podrobne so izbire časa. Na primer, 15-minutni interval prikazuje 9:00, 9:15, 9:30 in tako naprej.
V: Ali lahko omejim čas samo na delovni čas?
Da. Nastavite najzgodnejši in najpoznejši čas, na primer od 9:00 do 5:00, in uporabniki lahko izbirajo le znotraj tega obsega.
V: Kaj pomeni privzeta nastavitev »Trenutni čas«?
Ko je omogočeno, se polje ob nalaganju obrazca samodejno izpolni s trenutnim časom uporabnika.
V: Ali potrebujem polje za sekunde?
Običajno ne. Omogočite ga le, če potrebujete natančen čas, na primer vnose HH:MM:SS za dogodke ali tehnične podatke.
V: Kako deluje izbirnik časa na mobilni napravi?
Vsaka naprava uporablja svoj izvorni uporabniški vmesnik. iOS običajno uporablja kolesce za izbiro, medtem ko Android uporablja izbirnik v obliki ure.
V: Ali lahko s časovnimi polji uporabljam pogojno logiko?
Da. Polja lahko prikažete ali skrijete glede na izbrane čase z uporabo pogojev, kot so »Enako«, »Večje od« ali »Manjše od«.
V: Kaj se zgodi, če uporabniki poskušajo izbrati neveljavne čase?
Časi zunaj dovoljenega obsega so blokirani s strani brskalnika in jih ni mogoče izbrati.
V: Ali lahko vnaprej izpolnim določen čas?
Da. Za privzeti čas izberite »Po meri« in izberite poljubno vrednost, ki jo želite prednaložiti.
V: Ali polje za čas deluje v vseh brskalnikih?
Vsi sodobni brskalniki podpirajo časovne vnose HTML5 z vgrajenimi izbirniki. Starejši brskalniki se vrnejo na vnos besedila z validacijo.
V: Ali lahko polje s časom oblikujem tako, da se ujema z mojim spletnim mestom?
Da. Izbirnik uporablja izvorni uporabniški vmesnik, vendar je mogoče vnosno polje oblikovati z razredi CSS.
V: Kakšno obliko zapisa uporablja poslani čas?
Časovne vrednosti se vedno pošljejo v 24-urnem formatu, kar zagotavlja doslednost podatkov za obdelavo.
