Gå til sidens indhold

Vælg et tema

Luk

Vælger du ikke et tema, vælger vi et for dig. Du kan efterfølgende skifte tema i footeren.


Kode

Datovælger

Eksempler og retningslinjer

Installation

HTML Struktur

<div class="form-group">
    <label class="form-label " for="datepicker-example1">
        Dato for aftale
    </label>

    <div class="date-picker"><input class="form-input " required
            id="datepicker-example1" value="" name="appointment-date1"
            type="text"></div>
</div>

Javascript

Accordion komponenten kræver JavaScript for at fungere. Man kan enten gøre brug af DKFDS.init() eller initiere komponenten manuelt med nedenstående:

DKFDS.datePicker.on(document.body);

Varianter

Interval

<div class="form-group">
    <label class="form-label " for="datepicker-example2">
        Dato for aftale
    </label>

    <div class="date-picker" data-min-date="2020-12-04"
        data-max-date="2020-12-24"><input class="form-input " required
            id="datepicker-example2" value="" name="appointment-date2"
            type="text"></div>
</div>

Fast værdi

<div class="form-group">
    <label class="form-label " for="datepicker-example3">
        Dato for aftale
    </label>

    <div class="date-picker" data-default-date="2020-12-01"><input
            class="form-input " required id="datepicker-example3" value=""
            name="appointment-date3" type="text"></div>
</div>