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