Selles juhendis näitan sulle, kuidas saad oma veebivormides realiseerida kuupäeva- ja kellaaja sisestuse. Selgitame erinevaid sisestusvorminguid, mis sul kasutada on, ning anname sulle väärtuslikke näpunäiteid praktiliseks rakendamiseks. Katame nii kuupäeva kui ka kellaaja sisestuse, et omandada kindel arusaam nende funktsioonide implementeerimisest.
Olulisemad teadmised
- Sisestustüüp date võimaldab valida ainult kuupäeva.
- Sisestustüüp dateTime-local ühendab kuupäeva ja kellaaja ilma ajavööndi kohanduseta.
- Kuupäeva ja kellaajavormingud on standardiseeritud vastavalt ISO 8601-le.
- Veebilehitsejad võivad kuupäeva- ja kellaajasisestuse jaoks omada erinevaid kuvaelamusi.
Kuupäeva- ja kellaajasisestuse põhimõtted
Kuupäeva- ja kellaajasisestuse realiseerimiseks oma vormides vajad HTML-sisestustüüpe date, dateTime-local ja time. date-sisestustüüp võimaldab kasutajal valida kuupäeva, samas kui dateTime-local-tüüp kogub nii kuupäeva kui ka kellaaja. Viimane saadetakse ilma ajavööndi kohanduseta, mis tähendab, et see, mida kasutaja sisestab, edastatakse serverisse samas vormingus.
Nüüd vaatame neid tüüpe lähemalt.
Kasutamine sisestustüübiga date
Puhta kuupäeva küsimiseks saad kasutada tüüpi date. See võimaldab kasutajal valida kuupäeva sisseehitatud kalendritööriista abil, mis parandab kasutajakogemust.
Avades kalendritööriista, saad valida erinevaid kuupäevi ja edastada need klõpsates nupul "Esita". Kuupäev edastatakse standardiseeritud vormingus: Aasta-Kuu-Päev.
Oluline on teada, et kalendri kuvamine võib erineda sõltuvalt veebilehitsejast. Sinu operatsioonisüsteemi määratud piirkondlikud seaded mõjutavad kuupäeva kuvamise vormingut.
Kuupäeva ja kellaajasisestus dateTime-local-ga
Kui soovid nii kuupäeva kui ka kellaaja jäädvustada, peaksid kasutama tüüpi dateTime-local. See toimib sarnaselt kuupäeva küsimisega, ainult et saad täiendavalt määrata ka kellaaja.
Selles saad valida nii päeva kui ka kellaaja. Huvitav on see, et aeg kuvatakse 24-tunnises vormingus, kui sinu kohalikud seaded ei aktiveeri AM/PM-vormingut.
Vormi esitamisel saad ka kellaaja andmed ISO-vormingus, jäädes ajavööndi muundamata.
Kasutamine sisestustüübiga time
Üksnes time-sisestustüüp võimaldab sul määrata ainult kellaaja ilma kuupäevata. Selle tüübi abil saad valida kellaaja, mis edastatakse samuti 24-tunnises vormingus.
Muude kuupäevavormingute lisamine
Lisaks eespool mainitud tüüpidele on võimalik ka nädalate (week) ja kuude (month) sisestust realiseerida. Nädalate vorminguga saad määrata konkreetsed nädalad ja lihtsalt soovitud nädala valida.
Kuude vormingu puhul kehtib sarnane põhimõte. Siin saad valid ainult kuu ilma konkreetseid päevi määramata.
Eelseaded ja väärtused
Üks kasulik nipp on eelseadete määramise võimalus oma sisestusväljadele. Nii saad näiteks määrata, et kuupäeva- ja kellaaja valikul on vaikimisi eelseatud kindel kuupäev.
Ajavaheajad ja brauseriühilduvus
Oluline aspekt kuupäeva ja kellaaja sisestamisel on ajavöönd. Sisestatud andmed salvestatakse kohalikus ajavööndis. Sellega seotud ajavööndikohandusi pole, nii et saate edastada kohaliku aja otse.
Oluline on aga meeles pidada, et nende sisestustüüpide toetus võib erineda sõltuvalt brauserist. Kuupäeva ja kellaaja sisestust date ja dateTime-local toetavad peaaegu kõik levinumad brauserid, kuid soovitatav on vaadata saitidelt nagu "Can I use" järele, kas spetsiifilised funktsioonid toimivad teie sihtgrupi brauserites.
Kokkuvõte
Kokkuvõttes saite ülevaate kuupäeva ja kellaaja sisestamise rakendamisest oma veebivormides. Teate erinevaid sisestustüüpe, nende vorminguid ja kasutaja eelistuste olulisust. Ärge unustage, et õige vormindus ja brauseritugi on olulised sujuva kasutajakogemuse loomiseks.
Korduma kippuvad küsimused
Mis vahe on kuupäeva ja kellaaja sisestustüüpidel?Kuupäeva puhul saab valida ainult kuupäeva, samal ajal kui dateTime-local võimaldab nii kuupäeva kui ka kellaaja valimist.
Kuidas koheldakse kellaajatsooni dateTime-local puhul?Aeg edastatakse otse nii, nagu see kohapeal sisestati, ilma ajavööndi kohandamiseta.
Millised brauserid toetavad neid sisestustüüpe?Enamik levinumaid brausereid toetab date ja dateTime-local; spetsiifiliste funktsioonide puhul võib kasutada "Can I use" kontrolli.
Kas saan eelseadistusi kuupäeva väljadele teha?Jah, saate eelseadistusi sisestusväljadele määrata väärtuse atribuudi abil.
Milliseid vorminguid edastamisel kasutatakse?Andmed edastatakse ISO-vormingus (Aasta-Kuu-Päev kuupäeva jaoks, Aasta-Kuu-Päev T Tunni:Minuti:Sekundi jaoks kuupäeva ja kellaaja jaoks).
