Vælg et tema
Vælger du ikke et tema, vælger vi et for dig. Du kan efterfølgende skifte tema i footeren.
Datovælger
Eksempler og retningslinjer
Installation
HTML Struktur
Javascript
Datovælger-komponenten kræver JavaScript for at fungere. Man kan enten gøre brug af DKFDS.init()
eller initiere komponenten manuelt med nedenstående:
Sprog
Hvis du ønsker at anvende et andet sprog end dansk i JavaScript-koden for datovælgeren, skal du selv give din oversættelse med inden komponenten initialiseres. Husk at opdatere værdien i attributten “lang” i din sides html-tag. Indholdet i krøllede parenteser {...}
nedenunder skal ikke oversættes eller ændres. Bemærk, at ændring af sproget påvirker alle datovælgere på siden.
Funktioner
Funktion | Element | Beskrivelse |
---|---|---|
DKFDS.datePicker.getDatePickerContext(ELEMENT) |
Vilkårligt HTML element i datovælgeren | Få fat i datovælger json objekt inklusiv alle HTML elementer i komponenten. |
DKFDS.datePicker.validateDateInput(ELEMENT) |
Vilkårligt HTML element i datovælgeren | Valider værdien i feltet, således at det er et korrekt datoformat og datoen eksisterer. Brug checkValidity() på input elementet efterfølgende. |
DKFDS.datePicker.disable(ELEMENT) |
Vilkårligt HTML element i datovælgeren | Deaktiver felt og knap i datovælgeren. |
DKFDS.datePicker.enable(ELEMENT) |
Vilkårligt HTML element i datovælgeren | Aktiver felt og knap i datovælgeren. |
Varianter
Begræns mulige datoer
Fast værdi
Datoformat
Anvend attributten data-dateformat
. Mulige værdier er:
"DD/MM/YYYY"
(default, hvis der ikke er nogen attribut)"DD-MM-YYYY"
"DD.MM.YYYY"
"DD MM YYYY"
"DD/MM-YYYY"
Bemærk at valg af datoformat udelukkende påvirker, hvordan datoer vises i inputfeltet, efter brugeren har trykket på en dato i datovælgeren. Alle ovenstående datoformater er gyldige, hvis brugeren selv vælger at skrive datoen ind i feltet.
Fejlmeddelelse
Læs mere om korrekt brug af fejlmeddelelser og deres formuleringer.
Når der vises en fejlmeddelelse, vis da også fejlopsummering.