Vremensko polje
Prikupljajte vrijeme precizno i jednostavno. Od zakazivanja termina do odabira smjena s elegantnim izvornim alatima za odabir vremena, pametnim intervalima i fleksibilnim formatiranjem – polje Vrijeme pruža validaciju, prilagodbu i besprijekorno korisničko iskustvo.
Pametno prikupljanje vremena s ugrađenom validacijom
Savršeno za:
Moćne značajke za svaku upotrebu
🕐 Fleksibilni formati vremena
24-satni ili 12-satni prikaz
Odaberite format koji odgovara vašoj publici. Koristite 24-satno vojno vrijeme (14:30) za međunarodne korisnike ili 12-satno s AM/PM (2:30) za bliži pristup.
Automatska pretvorba formata
Polje automatski obrađuje pretvorbu formata – korisnici vide svoj željeni format dok vaš sustav prima konzistentne podatke.
Primjeri:
- Radno vrijeme: 9:00 – 5:00 (12 sati)
- Međunarodni raspored: 09:00 – 17:00 (24 sata)
- Liječnički pregledi: 14:30 (24-satna preciznost)
⏰ Pametni vremenski intervali
Preciznost odabira kontrole
Postavite koliko precizan treba biti odabir vremena. Odaberite intervale od svake minute do svakog sata na temelju svojih potreba.
Dostupni intervali:
- Svake minute (12:00, 12:01, 12:02…) – Maksimalna preciznost
- Svakih 5 minuta (12:00, 12:05, 12:10…) – Standardni termini
- Svakih 10 minuta (12:00, 12:10, 12:20…) – Brze rezervacije
- Svakih 15 minuta (12:00, 12:15, 12:30…) – Najčešće
- Svakih 30 minuta (12:00, 12:30, 1:00…) – Intervali od pola sata
- Svaki sat (12:00, 1:00, 2:00…) – Jednostavan odabir
Zašto je važno:
Manje opcija = brži odabir. Uskladite intervale s vašim potrebama za rasporedom za bolje korisničko iskustvo.
🎯 Ograničenja vremenskog raspona
Postavi najranije i najnovije vrijeme
Ograničite dostupna vremena kako bi se podudarala s radnim vremenom, rasporedima događaja ili operativnim prozorima. Korisnici ne mogu odabrati vremena izvan definiranog raspona.
Pametna validacija
Validacija na razini preglednika sprječava nevažeće prijave prije nego što korisnici kliknu na dugme za slanje.
Upotrijebite slučajeve:
- Radno vrijeme: samo od 9:00 do 6:00 sati
- Večernji događaji: Samo nakon 5:00 sati
- Jutarnji termini: Samo prije 12:00 sati
- Noćna smjena: 10:00 – 6:00
Primjeri:
- Rezervacije restorana: Min 11:00, Max 10:00
- Satovi teretane: Min 6:00, Max 9:00
- Radno vrijeme podrške: Min. 8:00, Maks. 5:00
🔧 Zadane vremenske opcije
Tri pametne početne vrijednosti:
1. Prazno (bez zadanih postavki)
Korisnici počinju s praznim poljem – najbolje kada je vrijeme uvijek jedinstveno.
2. Trenutno vrijeme
Automatski se popunjava s trenutnim vremenom kada se obrazac učita – idealno za polja „vrijeme incidenta“ ili vremenske oznake.
3. Prilagođeno vrijeme
Unaprijed odaberite određeno vrijeme, poput "9:00" za predložena vremena sastanaka ili uobičajene odabire.
Kada koristiti svaki:
- Prazno – Vrijeme početka događaja, osobni rasporedi
- Trenutno – vremenske oznake izvješća, vremena prijave
- Prilagođeno – Predložena vremena sastanaka, zadani sati
⚡ Preciznost u sekundama (opcionalno)
Dodajte sekunde kada je potrebno
Omogućite polje za sekunde (HH:MM:SS) za precizno praćenje vremena. Savršeno za kronometre, štoperice i točne vremenske oznake.
Primjeri formata:
- Bez sekundi: 14:30 ili 2:30
- Sa sekundama: 14:30:45 ili 2:30:45
Idealno za:
- Sportsko mjerenje vremena i rezultati utrka
- Znanstveni eksperimenti
- Precizni sustavi za bilježenje
- Prijave za kronometar
🔀 Uvjetna logika
Dinamička vremenska polja
Prikažite ili sakrijte vremensko polje na temelju drugih vrijednosti obrasca. Izradite inteligentne obrasce koji se prilagođavaju korisničkom unosu.
Napredna logička pravila:
- I logika – Svi uvjeti moraju biti ispunjeni
- ILI logika – Bilo koji uvjet može pokrenuti radnju
- 8 operatora – Jednako, Nije jednako, Veće od, Manje od, Sadrži, Je prazno i više
Upotrijebite slučajeve:
- Prikaži "Preferirano vrijeme poziva" samo kada je odabrano "Kontakt telefonom"
- Prikaži "Vrijeme početka događaja" kada je vrsta događaja jednaka "Prilagođeni događaj"
- Sakrij "Vrijeme isporuke" kada je način isporuke "Standardna dostava"
- Prikaži "Vrijeme sastanka" kada je vrsta sastanka jednaka "Osobno"
🎨 Poboljšano korisničko iskustvo
Aktivacija klikom bilo gdje
Kliknite bilo gdje u polju da biste otvorili izvorni alat za odabir vremena – veće ciljano područje, bolja upotrebljivost.
Izvorni birači vremena
Koristi ugrađeni birač vremena preglednika s poznatim, platformski optimiziranim sučeljima (iOS kotačić, Android sat, padajući izbornik na radnoj površini).
Optimizirano za mobilne uređaje
Odabir vremena prilagođen dodirom s izvornim mobilnim tipkovnicama i alatima za odabir.
Dodatne mogućnosti:
- Prilagođene CSS klase za stiliziranje
- Način skrivenog polja za sistemska vremena
- Podrška za pristupačnost (oznake ARIA)
- Gumb za brisanje za jednostavno resetiranje
- Obavezna validacija polja
- Podrška za tekst rezerviranog mjesta
Jednostavno postavljanje u 3 koraka
Pripremite svoje Vremensko polje za nekoliko minuta
Dodajte polje Vreme
Povucite i ispustite polje Vrijeme iz odjeljka Osnovna polja u obrazac.
Konfiguriraj format i intervale
Odaberite 12-satni ili 24-satni format, postavite vremenske intervale (svakih 15 minuta, 30 minuta itd.) i opcionalno dodajte minimalna/maksimalna vremenska ograničenja.
Postavi zadano vrijeme
Odaberite hoće li polje započeti prazno, s trenutnim vremenom ili prilagođenim vremenom koje odredite. Omogućite sekunde ako vam je potrebno precizno mjerenje vremena.
???? To je to! Vaše vremensko polje je spremno s pametnim formatiranjem i validacijom.
Aplikacije iz stvarnog svijeta
Usluga i rezervacije
* Vrijeme servisiranja vozila
* Rasporedi pregleda nekretnina
* Vrijeme rezervacije izleta
* Termini za rezervaciju objekta
Rezervacija tečajeva i aktivnosti
* Raspored satova fitnessa
* Raspored treninga
* Vremenski termini za grupne aktivnosti
* Preferencije vremena lekcije
Poslovanje
* Vrijeme početka/završetka smjene
* Podnošenje rasporeda rada
* Koordinacija vremena sastanka
* Odabir vremena dostupnosti
Rezervacija termina
* Zakazivanje liječničkih pregleda
* Rezervacije salona i spa centra
* Odabir termina za konzultacije
* Zahtjevi za termine za servis
Registracija događaja
* Vrijeme početka/završetka događaja
* Postavke vremena sesije
* Termini radionice
* Odabir rasporeda konferencije
Dostava i preuzimanje
* Vremenski okviri dostave hrane
* Vrijeme preuzimanja u trgovini
* Raspored preuzimanja na rubu ceste
* Postavke termina dostave
Potpune opcije polja
Osnovna konfiguracija
- Oznaka polja – Naslov prikazan iznad vremenskog polja
- Opis/Tekst pomoći – Dodatne upute za korisnike
- Obavezno polje – Obavezno odabir vremena
- Tekst rezerviranog mjesta – tekst nagovještaja prije nego što korisnici odaberu vrijeme
Postavke formata vremena
- Prikaz formata
- 24-satni format (14:30)
- 12-satni format s AM/PM (2:30)
Preciznost i intervali
- Vremenski intervali
- Svake minute
- Svakih 5 minuta
- Svakih 10 minuta
- Svakih 15 minuta (najpopularnije)
- Svakih 30 minuta
- Svaki sat
Prikaži sekunde – Dodajte polje za sekunde za precizno vrijeme (HH:MM:SS)
Vremenska ograničenja
- Najranije dopušteno vrijeme (min) – Korisnici ne mogu odabrati vremena prije ovog vremena
- Najnovije dopušteno vrijeme (maks.) – Korisnici ne mogu odabrati vremena nakon toga
Zadane vrijednosti
- Odabir vremena početka
- Nema unaprijed odabranog vremena (prazno)
- Trenutno vrijeme (dinamičko – učitava se kada se obrazac otvori)
- Prilagođeno vrijeme (vrijeme koje sami postavite)
Prilagođeno vrijeme početka – Odaberite određeno vrijeme za prethodno popunjavanje (kada je odabrano "Prilagođeno")
Uvjetna logika
- Omogući uvjetnu logiku – prikaži/sakrij na temelju uvjeta
- Vrsta logike
- Svi uvjeti moraju biti ispunjeni (I)
- Bilo koji uvjet može biti ispunjen (ILI)
- Pravila uvjeta
- Prikaži/Sakrij – Radnja koju treba poduzeti
- Polje – Koje polje treba provjeriti
- Operator – Jednako, Nije jednako, Sadrži, Veće od, Manje od, Prazno je, Nije prazno
- Vrijednost – Vrijednost usporedbe
- Višestruki uvjeti – Dodajte neograničen broj pravila
Napredne opcije
- Način skrivenog polja – Koristi se kao skriveno polje s unaprijed postavljenom vrijednošću
- Prilagođene CSS klase – Primjena prilagođenog stiliziranja
- Atributi pristupačnosti – ARIA oznake i opisi
Zašto odabrati naše vremensko područje?
✅ Intuitivno – Izvorni alati za odabir u pregledniku pružaju poznata iskustva
✅ Fleksibilno – 12-satni ili 24-satni formati odgovaraju korisničkim preferencijama
✅ Precizno – Prilagođeni intervali od svake minute do svakog sata
✅ Pametno – Ograničenja min./maks. sprječavaju nevažeće odabire vremena
✅ Dinamička – Uvjetna logika stvara prilagodljive oblike
✅ Jednostavno korištenje – Aktivacija klikom bilo gdje za bolje korisničko iskustvo
✅ Optimizirano za mobilne uređaje – Izbornici vremena prilagođeni dodiru
✅ Potpuno integrirano – Radi besprijekorno sa svim značajkama obrasca
Često postavljana pitanja
P: Koja je razlika između 12-satnog i 24-satnog formata?
12-satni format prikazuje vrijeme s AM/PM, poput 14:30. 24-satni format koristi vremena poput 2:30 i uobičajen je međunarodno.
P: Kako funkcioniraju vremenski intervali?
Intervali određuju koliko su detaljni odabiri vremena. Na primjer, interval od 15 minuta prikazuje 9:00, 9:15, 9:30 i tako dalje.
P: Mogu li ograničiti vrijeme samo na radno vrijeme?
Da. Postavite najranije i najkasnije vrijeme, na primjer od 9:00 do 5:00, a korisnici mogu birati samo unutar tog raspona.
P: Što znači zadana vrijednost "Trenutno vrijeme"?
Kada je omogućeno, polje se automatski popunjava s trenutnim vremenom korisnika prilikom učitavanja obrasca.
P: Trebam li polje za sekunde?
Obično ne. Omogućite ga samo kada vam je potrebno precizno vrijeme, poput unosa HH:MM:SS za događaje ili tehničke podatke.
P: Kako alat za odabir vremena funkcionira na mobilnom uređaju?
Svaki uređaj koristi svoje izvorno korisničko sučelje. iOS obično koristi kotačić za odabir, dok Android koristi birač u obliku sata.
P: Mogu li koristiti uvjetnu logiku s vremenskim poljima?
Da. Polja možete prikazati ili sakriti na temelju odabranih vremena pomoću uvjeta kao što su "Jednako", "Veće od" ili "Manje od".
P: Što se događa ako korisnici pokušaju odabrati nevažeća vremena?
Vremena izvan dopuštenog raspona blokira validacija preglednika i ne mogu se odabrati.
P: Mogu li unaprijed popuniti određeno vrijeme?
Da. Odaberite "Prilagođeno" za zadano vrijeme i odaberite bilo koju vrijednost koju želite unaprijed učitati.
P: Radi li vremensko polje u svim preglednicima?
Svi moderni preglednici podržavaju HTML5 unos vremena s ugrađenim alatima za odabir. Stariji preglednici se vraćaju na unos teksta s validacijom.
P: Mogu li stilizirati vremensko polje tako da odgovara mojoj web-lokaciji?
Da. Alat za odabir koristi izvorno korisničko sučelje, ali polje za unos može se stilizirati CSS klasama.
P: Koji format koristi poslano vrijeme?
Vremenske vrijednosti uvijek se šalju u 24-satnom formatu, što osigurava dosljednost podataka za obradu.
