nav-p2-datepicker v1.0.1

Slik tester du datovelgeren

Lag en html-fil og dra inn datepicker.js pluss modig-frontend_3.

Lag et input-felt <input type="date" class="datovelger"/>

Send inn elementet til konstruktøren til DatePickerne for å instansiere objektet

document.addEventListener('DOMContentLoaded', function() {
    Array.prototype.map.call(document.querySelectorAll('.datovelger'), function(elem) {
        var options = {modal: true};
        var picker = new DatePicker(elem, options);
        NavDatePickers.push(picker);
    });
});

options {} kan inneholde:

modal = boolean
props = {
    monthNames: ['Januar', 'Februar', 'Mars', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Desember'],
    dayNames: ['', 'Mandag', 'Tirsdag', 'Onsdag', 'Torsdag', 'Fredag', 'Lørdag', 'Søndag'],
	dateFormat: 'dd.mm.åååå',
	inputLabel: 'Datoformat er dd.mm.åååå, f.eks 24.12.2020. Men alle feltskilletegn blir godtatt',
    bn_dateTitle: 'Velg dato...',
    errMsg: 'Javascript må være aktivert',
    bn_prevLabel: 'Gå til forrige måned',
    bn_nextLabel: 'Gå til neste måned',
    bn_infoLabel: 'Vis tastatursnarveier',
    keyboard: {
        heading: 'Tastatursnarveier - Gå til...',
        arrowLeftRight: {win: 'Pil venstre/høyre', mac: 'Pil venstre/høyre', text: 'forrige/neste dag'},
        arrowRight: {win: 'Pil høyre', mac: 'Pil høyre', text: 'neste dag'},
        arrowUpDown: {win: 'Pil opp/ned', mac: 'Pil opp/ned', text: 'forrige/neste uke'},
        pageUpDown: {win: 'pgUp/pgDown', mac: 'Fn + Pil opp/ned', text: 'forrige/neste måned'},
        ctrlPageUpDown: {win: 'Ctrl + pgUp/pgDown', mac: 'Ctrl + Fn + Pil opp/ned', text: 'forrige/neste år'},
        homeEnd: {win: 'Home/End', mac: 'Ctrl + Fn + Pil venstre/høyre', text: 'første/siste dag i måneden'}
    }
};

minDate = date - tidligste dato som kan velges maxDate = date - seneste dato som kan velges