Polje datuma
Prikupljajte datume s preciznošću i kontrolom. Od rezervacija termina do datuma rođenja s fleksibilnim formatiranjem, ograničenjima raspona datuma i pametnom provjerom valjanosti – polje Datum pruža izvornim alatima za odabir kalendara moćne kontrole za prošle datume, buduće datume, vikende i prilagođene raspone.
Profesionalno prikupljanje podataka s pametnom validacijom
Savršeno za:
Moćne značajke za svaku upotrebu
📅 Četiri formata datuma
Odaberite regionalne postavke:
Prva godina: 31.12.2023. (ISO 8601)
Međunarodni standardni format. Najbolji za baze podataka, sortiranje i tehničke primjene.
Prvi mjesec: 31.12.2023. (američki stil)
Američki format. Američkim korisnicima je najpoznatiji po redoslijedu mjesec-dan-godina.
Prvi dan: 31.12.2023. (po britanskom stilu)
Britanski/europski format s redoslijedom dan-mjesec-godina. Uobičajeno međunarodno.
Prvi dan s crticama: 31.12.2023.
Alternativni europski format s crticama umjesto kosih crta.
Zašto je format važan:
Odgovara očekivanjima korisnika prema regiji
Sprječava zabunu i pogreške
Osigurava dosljednu pohranu podataka
Poboljšava stope ispunjavanja obrazaca
Prilagodba zaslona:
Format utječe na to kako se datumi prikazuju korisnicima, a istovremeno održava standardni format pohrane interno.
📏 Ograničenja raspona datuma
Kontrola odabranih datuma:
Prvi dopušteni datum (minimalno):
Postavite najraniji datum koji korisnici mogu odabrati. Datumi prije toga su onemogućeni u alatu za odabir kalendara.
Primjeri:
- Registracija za događaj: Minimalni datum = datum najave događaja
- Termini: Minimalni datum = danas (nema prethodnih rezervacija)
- Povijesni podaci: Minimalni datum = datum osnivanja tvrtke
- Rokovi projekta: Minimalni datum = datum početka projekta
Zadnji dopušteni datum (maksimalno):
Postavite zadnji datum koji korisnici mogu odabrati. Datumi nakon toga onemogućeni su u alatu za odabir kalendara.
Primjeri:
- Rana prijava: Maksimalni datum = rok
- Ograničena dostupnost: Maksimalni datum = zadnji dostupni datum
- Povijesni zapisi: Maksimalni datum = danas
- Određeni vremenski okvir: Maksimalni datum = kraj promocije
Gumbi za brzo postavljanje:
Postavite minimalne/maksimalne datume na danas jednim klikom ili odmah uklonite ograničenja.
⏮️ Blokiraj prošle datume
Spriječi odabir prethodnih datuma:
Omogućite "Blokiraj prošle datume" da biste onemogućili sve datume prije današnjeg. Korisnici mogu odabrati samo današnje ili buduće datume.
Savršeno za:
- Rezervacije termina (bez prethodnih termina)
- Registracija za događaj (samo za nadolazeće događaje)
- Odabir datuma isporuke (buduće isporuke)
- Rezervacijski sustavi (unaprijed rezervirane usluge)
- Rokovi (moraju biti u budućnosti)
Pametno ponašanje:
Automatski se ažurira svakodnevno – današnji datum je uvijek važeći, jučerašnji se deaktivira. Nije potrebno ručno upravljanje datumom.
Kombinira se s drugim ograničenjima:
Koristite s maksimalnim datumom za stvaranje budućih prozora (npr. rezervacije od danas do 30 dana unaprijed).
⏭️ Blokiraj buduće datume
Spriječi odabir nadolazećih datuma:
Omogućite "Blokiraj buduće datume" da biste onemogućili sve datume nakon današnjeg. Korisnici mogu odabrati samo današnje ili prošle datume.
Savršeno za:
- Prikupljanje datuma rođenja (ne može biti u budućnosti)
- Datumi povijesnih događaja (samo prošlost)
- Datumi početka iskustva (kada ste započeli?)
- Datumi završetka (već se dogodilo)
- Datumi godišnjica (prošli događaji)
Upotreba u stvarnom svijetu:
Osigurava logičan unos datuma – datumi rođenja, datumi zapošljavanja, datumi diplomiranja moraju biti u prošlosti.
Ugrađena validacija:
Preglednik automatski sprječava nevažeće odabire. Nisu potrebne zbunjujuće poruke o pogrešci.
📆 Onemogući vikende
Izbor bloka subote i nedjelje:
Omogućite "Bez odabira vikenda" da biste onemogućili subote i nedjelje u alatu za odabir kalendara. Mogu se odabrati samo dani u tjednu (ponedjeljak-petak).
Savršeno za:
- Rezervacije poslovnih termina
- Raspored dostave u ured
- Odabir datuma konzultacija
- Termini servisa (samo pon-pet)
- Raspored B2B sastanaka
Pametne interakcije:
Ako korisnik nekako odabere vikend (putem tipkovnice), sustav se automatski ispravlja na sljedeći ponedjeljak. Besprijekorna zaštita.
Kombinira se s drugim opcijama:
Radi s ograničenjima iz prošlosti/budućnosti – moguće je odabrati samo dane u tjednu unutar dopuštenog raspona.
🎯 Zadane opcije datuma
Unaprijed odaberite datume početka:
Nema unaprijed odabranog datuma (prazno):
Polje je na početku prazno. Korisnici moraju aktivno odabrati datum. Najbolje za datume koji se jako razlikuju.
Današnji datum:
Automatski se unaprijed popunjava s trenutnim datumom prilikom učitavanja obrasca. Dinamički se ažurira svaki dan.
Upotrijebite slučajeve:
- Polja „Datum upita“
- Obrasci s vremenskim žigom
- Dokumentacija s trenutnim datumom
- Današnji odabiri rasporeda
Sutrašnji datum:
Automatski se unaprijed popunjava sutrašnjim datumom. Savršeno za rezervacije sljedećeg dana.
Upotrijebite slučajeve:
- Odabir dostave sljedećeg dana
- Rezervacije termina za sutra
- Zadane postavke budućih događaja
- Dostupnost sljedeći dan
Prilagođeni specifični datum:
Odaberite bilo koji fiksni datum za predodabir. Izvrsno za predložene datume ili obrasce specifične za događaj.
Upotrijebite slučajeve:
- Preporučeni datum termina
- Zadane postavke datuma događaja
- Prijedlozi rokova
- Datumi unaprijed ispunjenih prijava
📱 Izvorni alat za odabir kalendara
Odabir datuma optimiziran za preglednik:
Koristi izvorne HTML5 unose datuma s ugrađenim alatom za odabir kalendara preglednika. Pruža poznato iskustvo specifično za platformu.
Izgled specifičan za platformu:
- iOS: Prekrasan kotačić za odabir
- Android: Kalendar materijalnog dizajna
- Chrome za stolna računala: Padajući kalendar
- Safari za stolna računala: Kompaktni alat za biranje
- Sve optimizirano za njihovu platformu
Prednosti:
- Nije potrebna JavaScript biblioteka
- Trenutno učitavanje
- Dostupno prema zadanim postavkama
- Navigacija putem tipkovnice
- Optimizirano za dodir
- Minimalna veličina datoteke
Kliknite bilo gdje:
Cijelo polje je klikom moguće otvoriti kalendar. Veliko područje za interakciju poboljšava upotrebljivost.
✅ Pametna provjera datuma
Ugrađeni slojevi validacije:
Validacija formata:
Preglednik automatski osigurava ispravan format datuma. Korisnici ne mogu unositi nevažeće datume poput "2023-13-45".
Validacija raspona:
Minimalni/maksimalni datumi nametnuti su na razini birača. Nevažeći datumi su onemogućeni – ne mogu se odabrati.
Logička validacija:
Ograničenja za prošlost/budućnost/vikend primjenjuju se automatski. Sustav sprječava nevažeće odabire.
Obriši poruke o pogreškama:
Ako korisnici nekako zaobiđu ograničenja, jasne poruke objašnjavaju: „Datum mora biti nakon 01.01.2024.“ ili „Datum mora biti prije 31.12.2024.“
🔀 Uvjetna logika
Vidljivost dinamičkog polja datuma:
Prikažite ili sakrijte polja datuma na temelju drugih vrijednosti obrasca. Prikažite relevantna polja datuma samo kada je to potrebno.
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 "Željeni datum" samo kada je vrsta rezervacije jednaka "Sastanak"
- Prikaži "Datum događaja" kada vrsta događaja nije prazna
- Prikaži "Datum isporuke" kada je način dostave jednak "Planirano"
- Sakrij "Datum povratka" kada je vrsta karte "Jednosmjerna"
🎯 Poboljšano korisničko iskustvo
Ugrađene pametne značajke:
- Vizualni prikaz datuma – odabrani datum prikazuje se u čitljivom formatu
- Ikona kalendara – vizualni pokazatelj alata za odabir datuma
- Navigacija na tipkovnici – strelice za navigaciju kalendarom
- Pristupačnost karticama – Potpuna podrška za tipkovnicu
- Optimizirano za dodir – Velike mete dodira na mobilnim uređajima
- Automatsko ispravljanje – Nevažeći datumi se automatski prilagođavaju najbližem valjanom datumu
- Isticanje dana – Trenutni datum istaknut u alatu za odabir
- Brzi odabir – Kliknite na datum, birač se automatski zatvara
- Podrška za tekst pomoći – Dodajte savjete ili upute za format datuma
- Obavezna validacija – Obavezno odaberite datum
- Prilagođene CSS klase – Primjena prilagođenog stiliziranja
- Podrška za pristupačnost – ARIA oznake, kompatibilno s čitačem zaslona
Jednostavno postavljanje u 3 koraka
Pripremite svoje polje za datum za nekoliko minuta
Dodaj polje za datum
Povucite i ispustite polje Datum iz odjeljka Osnovna polja u obrazac.
Odaberite format i raspon
Odaberite format datuma (SAD, UK, ISO), opcionalno postavite minimalne/maksimalne granice datuma i po potrebi omogućite blokiranje prošlosti/budućnosti/vikenda.
Postavi zadani datum
Odaberite hoće li polje započeti prazno, unaprijed popuniti s današnjim danom, sutrašnjim danom ili prilagođenim datumom koji navedete.
???? To je to! Vaše polje za datum je spremno s pametnom validacijom i izvornim alatima za odabir.
Aplikacije iz stvarnog svijeta
Rezervacija termina
* Datumi liječničkih pregleda
* Zakazivanje konzultacija
* Odabir termina za servis
* Koordinacija datuma sastanka
Registracija događaja
* Datumi prisustvovanja događajima
* Odabir datuma radionice
* Registracija za konferenciju
* Datumi upisa u razred
Dostava i otprema
* Željeni datumi isporuke
* Odabir datuma dostave
* Zakazivanje datuma preuzimanja
* Planiranje datuma otpreme
Poslovne aplikacije
* Rok za završetak projekta
* Rok za zadatke
* Datumi stupanja na snagu ugovora
* Datum početka/završetka ugovora
Osobni podaci
* Prikupljanje datuma rođenja
* Datumi godišnjica
* Datum početka zaposlenja
* Datumi završetka obrazovanja
Rezerviranja
* Datumi prijave u hotel
* Datumi početka najma
* Datumi potvrde rezervacije
* Odabir razdoblja rezervacije
Potpune opcije polja
Osnovna konfiguracija
- Oznaka polja – Naslov prikazan iznad polja za datum
- Opis/Tekst pomoći – Dodatne upute za korisnike
- Obavezno polje – Obavezno odabir datuma
- Rezervirano mjesto – Ne odnosi se na izvorne alate za odabir datuma
Format datuma
- Kako prikazati datume:
- Prva godina: 31.12.2023. (ISO 8601)
- Prvi mjesec: 31.12.2023. (američki stil)
- Prvi dan: 31.12.2023. (po britanskom stilu)
- Prvi dan s crticama: 31.12.2023.
Ograničenja raspona datuma
- Prvi dopušteni datum – Najraniji datum koji korisnici mogu odabrati (ostavite prazno ako nema ograničenja)
- Zadnji dopušteni datum – Posljednji datum koji korisnici mogu odabrati (ostavite prazno ako nema ograničenja)
Opcije blokiranja datuma
- Blokiraj prošle datume – Sprječava odabir datuma prije današnjeg
- Blokiraj buduće datume – Sprječava odabir bilo kojeg datuma nakon današnjeg
- Nema odabira vikenda – Sprječava odabir subote i nedjelje
Odabir datuma početka:
- Nema unaprijed odabranog datuma (prazno) – Polje počinje prazno
- Današnji datum – Trenutni datum unaprijed popunjen
- Sutrašnji datum – Sljedeći dan unaprijed popunjen
- Određeni datum (vi birate) – Prilagođeni datum unaprijed popunjen
Prilagođeni zadani datum – Odaberite početni datum (prikazuje se kada je odabrano "Određeni datum")
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
- Skriveno polje – Učinite polje nevidljivim, ali uključite datum u podneske
- Prilagođene CSS klase – Primjena prilagođenog stiliziranja
- Atributi pristupačnosti – ARIA oznake za čitače zaslona
Zašto odabrati naše polje za datum?
✅ Više formata – američki, britanski, ISO i crtkani formati
✅ Kontrola raspona datuma – Precizno postavljanje minimalnih/maksimalnih granica
✅ Blokiraj prošle datume – Dopusti samo odabir budućih datuma
✅ Blokiraj buduće datume – Dopusti samo odabir prošlih datuma
✅ Onemogući vikende – odabir samo radnim danima za tvrtke
✅ Pametne zadane postavke – Unaprijed ispunite današnjim, sutrašnjim ili prilagođenim datumom
✅ Izvorni alati za odabir – kalendari optimizirani za preglednik za svaku platformu
✅ Automatska validacija – Ne mogu se odabrati nevažeći datumi
✅ Potpuno integrirano – Radi besprijekorno sa svim značajkama obrasca
Često postavljana pitanja
P: Koji su formati datuma podržani?
Četiri formata: ISO (2023-12-31), US (12/31/2023), UK (31/12/2023) i Dashed (31-12-2023). Odaberite format koji najbolje odgovara vašoj publici.
P: Kako mogu spriječiti korisnike da odaberu prošle datume?
Omogućite "Blokiraj prošle datume". Bilo koji datum prije današnjeg postaje nemoguć za odabir u alatu za odabir datuma.
P: Mogu li ograničiti datume na određeni raspon?
Da. Postavite "Prvi dopušteni datum" i "Posljednji dopušteni datum" kako biste ograničili izbore na definirani prozor.
P: Što radi "Onemogući vikende"?
Uklanja subote i nedjelje iz mogućnosti odabira. Dostupni ostaju samo od ponedjeljka do petka.
P: Kako funkcioniraju zadani datumi?
Odaberite hoće li polje na početku biti prazno, prikazivati današnji datum, sutrašnji datum ili prilagođeni datum. Danas i sutra se automatski prilagođavaju.
P: Izgleda li alat za odabir datuma isto na svim uređajima?
Ne. Koristi izvorno korisničko sučelje svakog uređaja - iOS kotačiće za odabir, Android kalendare, selektore na računalu i tako dalje.
P: Mogu li blokirati buduće datume za polja za datum rođenja?
Da. Uključite "Blokiraj buduće datume" kako bi korisnici mogli odabrati samo datume do današnjeg dana (uključujući i danas).
P: Kako minimalni/maksimalni datumi funkcioniraju zajedno s blokiranjem prošlosti/budućnosti?
Slažu se. Na primjer, blokiranje prošlih datuma plus maksimalni datum od 30 dana unaprijed rezultira rasponom od danas do 30 dana unaprijed.
P: Mogu li korisnici upisivati datume umjesto korištenja alata za odabir?
Neki preglednici dopuštaju tipkanje s validacijom. Drugi prisiljavaju odabir datuma. Svi prisiljavaju ispravno formatiranje.
P: Što se događa ako korisnik odabere vikend kada su vikendi onemogućeni?
Sustav se automatski prilagođava najbližem valjanom danu u tjednu, obično sljedećem ponedjeljku.
P: Mogu li koristiti uvjetnu logiku s poljima datuma?
Da. Koristite usporedbe poput "Jednako je", "Prazno je", "Nije prazno", "Veće od" ili "Manje od" za kontrolu vidljivosti drugih polja.
P: Kako mogu postaviti datum roka?
Unesite rok u "Posljednji dopušteni datum". Korisnici ne mogu odabrati datume nakon te točke. Kombinirajte s "Blokiraj prošle datume" ako vam je potrebna dostupnost samo u budućnosti.
