Lightpick Javascript datum range picker – lichtgewicht, geen jQuery

# Configuratie

field

  • Type: Element
  • Standaard: null

Bind de datepicker aan een formulierveld

secondField

  • Type: Element
  • Standaard: null

Als het bestaat, wordt het einde van het datumbereik hier ingesteld.

firstDay

  • Type: Number
  • Standaard: 1

ISO dag van de week (1: maandag, …, 7: zondag).

parentEl

  • Type: String
  • Standaard: body

Selector van het parent element waar de datum range picker aan wordt toegevoegd, indien niet opgegeven is dit ‘body’.

lang

  • Type: String
  • Standaard: auto

Taalcode voor namen van dagen, maanden door Date.prototype.toLocaleString(). ‘auto’ zal proberen de browser-taal van de gebruiker te detecteren.

format

  • Type: String
  • Default: DD/MM/YYYY

Het standaard uitvoerformaat.

separator

  • Type: String
  • Default: -

Scheidingsteken tussen datums wanneer één veld.

numberOfMonths

  • Type: Number
  • Standaard: 1

Aantal zichtbare maanden.

numberOfColumns

  • Type: Number
  • Standaard: 2

Aantal kolommen maanden.

singleDate

  • Type: Boolean
  • Standaard: true

Kies een enkele datum in plaats van een datumbereik.

autoclose

  • Type: Boolean
  • Standaard: true

Sluit kalender wanneer gekozen datum/range.

hideOnBodyClick

  • Type: Boolean
  • Standaard: true

Sluit kalender wanneer erop wordt geklikt buiten de elementen gespecificeerd in field of parentEl. Aanbevolen gebruik wanneer autoclose is ingesteld op false.

repick

  • Type: Boolean
  • Standaard: false

Kies begin/eind in plaats van nieuw bereik. Deze optie werkt alleen als `secondField` bestaat.

minDate

  • Type: moment|String|Number|Date
  • Standaard: null

De minimum/eerste datum die kan worden geselecteerd. Elke opmaak: moment() of ‘2018-06-01’ of 1527811200000, new Date()

maxDate

  • Type: moment|String|Number|Date
  • Default: null

De maximale/laatste datum die kan worden geselecteerd. Elk formaat: moment() of ‘2018-06-01’ of 1527811200000, nieuwe Datum()

disableDates

  • Type: Array
  • Standaard: null

Array van uitgeschakelde data. Array kan reeksen bevatten, toegestaan in dezelfde opmaak als in opties minDate, maxDate.
Ex.: ]

selectForward

  • Type: Boolean
  • Standaard: false

Selecteer de tweede datum na de eerste geselecteerde datum.

selectBackward

  • Type: Boolean
  • Standaard: false

Selecteer de tweede datum vóór de eerste geselecteerde datum.

minDays

  • Type: Number
  • Standaard: null

De minimumdagen van de geselecteerde reeks.

maxDays

  • Type: Number
  • Standaard: null

Het maximum aantal dagen van de geselecteerde reeks.

hoveringTooltip

  • Type: Boolean
  • Standaard: true

Toon tooltip.

footer

  • Type: Boolean|String
  • Standaard: false

Voetbalkalender, indien ingesteld op `true` wordt standaard voettekst gebruikt (knoppen Reset/Apply) of aangepaste string (html).

disabledDatesInRange

  • Type: Boolean
  • Standaard: true

Ingesteld op `false` dan wordt geselecteerde reeks gereset wanneer in geselecteerde reeks uitgeschakelde datums bestaan.

tooltipNights

  • Type: Boolean
  • Standaard: false

Calc datumbereik in nachten. (Voor hotels waar de laatste datum niet in het bereik valt)

orientation

  • Type: String
  • Default: auto

Een door een spatie gescheiden tekenreeks bestaande uit een of twee van “links” of “rechts”, “boven” of “onder”, en “auto” (mag worden weggelaten); bijvoorbeeld “linksboven”, “onder” (horizontale oriëntatie wordt standaard op “auto” gezet), “rechts” (verticale oriëntatie wordt standaard op “auto” gezet), “auto boven”.

disableWeekends

  • Type: Boolean
  • Standaard: false

Zaterdag en zondag uitschakelen.

inline

  • Type: Boolean
  • Standaard: false

Kalender inline tonen. Als true en parentEl niet zijn opgegeven dan wordt parentNode van het veld gebruikt.

dropdowns

  • Type: Object|Boolean
  • Standaard:
    {
    years: {
    min: 1900,
    max: null,
    },
    months: true,
    }

Dropdown selecties voor jaren, maanden. Kan false zijn om beide dropdowns uit te schakelen.
years (Object|Boolean) – Object moet min en max jaarreeksen bevatten of kan false zijn om de vervolgkeuzelijst met jaren uit te schakelen.
months (Booleaans) – true/false voor het in-/uitschakelen van de keuzelijst met maanden.

locale

  • Type: Object
  • Standaard:
    {
    buttons: {
    prev: '←',
    next: '→',
    close: '×',
    reset: 'Reset',
    apply: 'Apply'
    },
    tooltip: {
    one: 'day',
    other: 'days'
    },
    tooltipOnDisabled: null,
    pluralize: function(i, locale){
    if (typeof i === "string") i = parseInt(i, 10);
    if (i === 1 && 'one' in locale) return locale.one;
    if ('other' in locale) return locale.other;
    return '';
    }
    }

buttons – Tekst voor knoppen

tooltip – Tekst voor tooltip (een, weinig, veel, overig)

tooltipOnDisabled (String) – Toon tooltip-tekst op uitgeschakelde data. (Bijv. “Reeds geboekt”)

pluralize (functie) – Functie voor het berekenen van meervoudige tekst. Meer voorbeelden voor andere locales op betsol/numerous

onSelect

  • Type: Function
  • Standaard: null

Callback-functie voor wanneer een datum is geselecteerd.

onOpen

  • Type: Function
  • Standaard: null

Callback-functie voor wanneer de kiezer zichtbaar wordt.

onClose

  • Type: Function
  • Default: null

Callback-functie voor wanneer de kiezer verborgen is.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.