V tem vodniku ti bom pokazal, kako v svojih spletnih obrazcih implementirati vnose datuma in časa. Pojasnil bom različne vrste vnosov, ki so ti na voljo, ter ti podal dragocene nasvete za praktično uporabo. Obravnavali bomo tako vnos datuma kot tudi ure, da pridobiš poglobljeno razumevanje za implementacijo teh funkcij.
Glavna spoznanja
- Vnosni tip date omogoča izbiro samo enega datuma.
- Vnosni tip dateTime-local združuje datum in uro brez prilagajanja časovnih pasov.
- Oblike datumskega in časovnega zapisa so standardizirane v skladu s standardom ISO 8601.
- Brskalniki lahko imajo različne lastnosti prikaza za vnos datuma in časa.
Temelji vnosa datuma in časa
Za implementacijo vnosov datuma in ure v svoje obrazce potrebuješ vnosne vrste HTML date, dateTime-local in time. Vnosni tip date uporabniku omogoča izbiro datuma, medtem ko tip dateTime-local zajema tako datum kot tudi uro. Slednje se pošilja brez prilagajanja časovnega pasu, kar pomeni, da se vnos, kakršen je bil izveden s strani uporabnika, pošlje strežniku.
Sedaj si oglejmo te vrste podrobneje.
Uporaba vnosnega tipa date
Za pridobitev samo datuma lahko uporabiš tip date. To uporabniku omogoča izbiro datuma prek vgrajenega koledarskega orodja, kar izboljša uporabniško izkušnjo.
Ko odpreš koledarsko orodje, lahko izbereš različne datume in jih pošlješ s klikom na »Submit«. Pri tem se datum prenaša v standardiziranem formatu: Leto-Mesec-Dan.
Pomembno je vedeti, da se lahko prikaz koledarja razlikuje glede na brskalnik. Regionalne nastavitve tvojega operacijskega sistema vplivajo na format, v katerem se datum prikaže.
Datumske in časovne vnose z dateTime-local
Če želiš zajeti tako datum kot tudi uro, uporabi tip dateTime-local. Deluje podobno kot datumski vnos, le da lahko poleg tega določiš tudi uro.
Tako lahko izbereš tako datum kot tudi uro. Zanimivo je, da se čas prikazuje v 24-urnem formatu, če v tvojih lokalnih nastavitvah ni aktiviran format AM/PM.
Ko pošlješ obrazec, se podatki prav tako prenesejo v ISO formatu, čas pa ostane nespremenjen, brez pretvorbe v drug časovni pas.
Uporaba vnosnega tipa time
Samo vnosni tip time ti omogoča, da navedeš samo uro brez datuma. S tem tipom imaš možnost izbire ure, ki se prav tako prenaša v 24-urnem formatu.
Vključevanje drugih oblik datuma
Poleg zgoraj navedenih tipov obstaja tudi možnost vnašanja tednov (week) in mesecev (month). Z uporabo formata week lahko določiš specifične tedne in preprosto izbereš želeni teden.
Za format month velja nekaj podobnega. Tukaj imaš možnost izbire samo meseca, ne da bi določil specifične dni.
Prednastavitve in vrednosti
Še en koristen nasvet je možnost določanja prednastavitev za svoja polja za vnos. Tako lahko na primer določiš, da je za izbiro datuma in ure privzeto določen datum.
Časovni pasovi in združljivost brskalnikov
Osrednji vidik pri uporabi datumskega in časovnega oblikovanja je časovni pas. Vnosi se shranjujejo tako, kot so bili lokalno vnešeni. V tem kontekstu ne obstaja prilagajanje časovnih pasov, zato lahko lokalni čas neposredno preneseš.
Je pa pomembno opozoriti, da se podpora za te vrste vnosov lahko razlikuje glede na brskalnik. Čeprav so date in dateTime-local skoraj v vseh priljubljenih brskalnikih podprti, je priporočljivo preveriti na spletnih mestih, kot je "Can I use", ali določene funkcije delujejo tudi v brskalnikih tvoje ciljne publike.
Povzetek
Na kratko si zdaj imel/a pregled nad implementacijo datumskega in časovnega oblikovanja na tvojih spletnih obrazcih. Poznaš različne vrste vnosov, njihove formate in pomembnost uporabniških nastavitev. Ne pozabi, da je pravilno oblikovanje in podpora brskalnikov ključna za ustvarjanje gladke izkušnje za tvoje uporabnike.
Pogosta vprašanja
Kakšna je razlika med date in dateTime-local?date omogoča samo izbiro datuma, medtem ko dateTime-local omogoča tako datum kot tudi uro.
Kako se obravnava časovni pas pri dateTime-local?Čas se prenese tako, kot je bil lokalno vnešen, brez prilagajanja časovnih pasov.
Kateri brskalniki podpirajo te vrste vnosov?Večina priljubljenih brskalnikov podpira date in dateTime-local; za specifične funkcije lahko preverite v "Can I use".
Ali lahko nastavite privzete vrednosti za datumska polja?Da, privzete vrednosti za vnosna polja lahko nastavite preko atributa vrednost.
Katere formate se uporabljajo pri prenosu?Podatki se prenašajo v formatu ISO (Leto-Mesec-Dan za datum, Leto-Mesec-Dan T Ura:Minute:Sekunde za datum in uro).
