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
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>