Video: 805: Datainnlegging 2024
Det finnes situasjoner der HTML5 for øyeblikket gir en løsning for et bestemt behov i CSS3, men få leverandører har implementert det enda. Dette er tilfellet med dato- og tidsstøtte for HTML. Bare Opera og Chrome gir støtte for dato og klokkeslett. Hvis du for eksempel vil legge til en dato i et skjema, kan du bruke datoinntastypen som vist her:
Skriv inn en dato:
Standarddatoen er i dag. Når brukeren klikker på feltet, viser applikasjonen en datovalgkontroll, men bare når du bruker Opera eller Chrome. Inntil de andre leverandørene tilbyr dato- og klokkeslettstøtte, er det fortsatt nødvendig å bruke jQuery UI Datepicker-widgeten for å sikre at alle dine brukere kan legge inn en dato med letthet.
Følgende kode viser hvordan du bruker Datepicker-widgeten. (Du finner fullstendig kode for dette eksemplet i kapittel 06Widgets-mappen for den nedlastbare koden som Datepicker. HTML.)
$ (funksjon () {$ ("# DateEntry"). Datepicker ();})
DateEntry er en standard kontroll. Når brukeren klikker på kontrollen, viser jQuery UI automatisk en kalender som dette: