Vælg et tema
Vælger du ikke et tema, vælger vi et for dig. Du kan efterfølgende skifte tema i footeren.
Kode
Datofelter
Eksempler og retningslinjer
Installation
HTML Struktur
Kodeeksempel
- Anvend ikke JavaScript til automatisk at flytte fokus fra felt til felt, da det gør det svært for tastatur-brugere at navigere i formularen.
- Datofelter-komponenten består af 3 inputfelter.
- Attributten
data-input-regex
håndteres af JavaScript via dkfds.js filen, som derfor bør importeres i projektet. Attributten forhindrer at brugeren kan indskrive tegn som ikke er tal, samt mere end 2 tal for dag og måned, og 4 tal i år-inputtet derudover Eksempel for dag og måned: ` data-input-regex=”^[0-9]{0,2}$”` - For at initialisere dato-komponenten skal
.date-group
-elementet have klassen.js-calendar-group
. Derudover skal de tre inputfelter have følgende klasser:- Dag input:
.js-calendar-day-input
- Måned input:
.js-calendar-month-input
- År input:
.js-calendar-year-input
- Dag input:
Javascript
Datofelterne kræver JavaScript for at maskerne virker. Man kan enten gøre brug af DKFDS.init()
eller initiere komponenten manuelt med nedenstående:
Fejlmeddelelse
Læs mere om korrekt brug af fejlmeddelelser og deres formuleringer.
Når der vises en fejlmeddelelse, vis da også fejlopsummering.