# Konfiguration

field

• Typ: Element
• Default: null

Binden Sie den Datepicker an ein Formularfeld

secondField

• Typ: Element
• Default: null

Wenn vorhanden, wird hier das Ende des Datumsbereichs gesetzt.

firstDay

• Typ: Number
• Standard: 1

ISO Wochentag (1: Montag, …, 7: Sonntag).

parentEl

• Typ: String
• Standard: body

Selektor des übergeordneten Elements, dem die Datumsbereichswahl hinzugefügt wird; wenn nicht angegeben, ist dies ‘body’.

lang

• Typ: String
• Standard: auto

Sprachcode für Namen von Tagen, Monaten durch Date.prototype.toLocaleString(). Mit ‘auto’ wird versucht, die Sprache des Benutzerbrowsers zu erkennen.

format

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

Das Standardausgabeformat.

separator

• Typ: String
• Default: -

Trennzeichen zwischen Daten, wenn ein Feld.

numberOfMonths

• Typ: Number
• Standard: 1

Anzahl der sichtbaren Monate.

numberOfColumns

• Typ: Number
• Standard: 2

Anzahl der Spalten Monate.

singleDate

• Typ: Boolean
• Standard: true

Wählen Sie ein einzelnes Datum anstelle eines Datumsbereichs.

autoclose

• Typ: Boolean
• Standard: true

Kalender schließen, wenn Datum/Bereich ausgewählt.

hideOnBodyClick

• Typ: Boolean
• Standard: true

Kalender schließen, wenn außerhalb der in field oder parentEl angegebenen Elemente geklickt wird. Empfohlene Verwendung, wenn autoclose auf false gesetzt ist.

repick

• Typ: Boolean
• Standard: false

Anfang/Ende anstelle des neuen Bereichs wiederholen. Diese Option funktioniert nur, wenn `secondField` vorhanden ist.

minDate

• Typ: moment|String|Number|Date
• Standard: null

Das kleinste/früheste Datum, das ausgewählt werden kann. Beliebiges Format: moment() oder ‘2018-06-01’ oder 1527811200000, new Date()

maxDate

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

Das maximale/letzte Datum, das ausgewählt werden kann. Beliebiges Format: moment() oder ‘2018-06-01’ oder 1527811200000, new Date()

disableDates

• Type: Array
• Default: null

Array von deaktivierten Daten. Array kann Bereiche enthalten, erlaubt das gleiche Format wie in Optionen minDate, maxDate.
Bsp.: ]

selectForward

• Typ: Boolean
• Standard: false

Wählen Sie das zweite Datum nach dem ersten ausgewählten Datum.

selectBackward

• Typ: Boolean
• Standard: false

Wählen Sie das zweite Datum vor dem ersten ausgewählten Datum.

minDays

• Typ: Number
• Standard: null

Die Mindesttage des ausgewählten Bereichs.

maxDays

• Typ: Number
• Default: null

Die maximalen Tage des ausgewählten Bereichs.

hoveringTooltip

• Typ: Boolean
• Standard: true

Tooltip anzeigen.

footer

• Typ: Boolean|String
• Standard: false

Fußzeilenkalender, wenn auf “wahr” gesetzt, wird die Standard-Fußzeile (Schaltflächen “Zurücksetzen/Anwenden”) oder eine benutzerdefinierte Zeichenfolge (HTML) verwendet.

disabledDatesInRange

• Typ: Boolean
• Standard: true

Wenn auf `false` gesetzt, wird der ausgewählte Bereich zurückgesetzt, wenn deaktivierte Daten im ausgewählten Bereich vorhanden sind.

tooltipNights

• Typ: Boolean
• Standard: false

Berechneter Datumsbereich in Nächten. (Für Hotels, bei denen das letzte Datum nicht in den Bereich fällt)

orientation

• Typ: String
• Default: auto

Eine durch Leerzeichen getrennte Zeichenfolge, die aus einem oder zwei der folgenden Elemente besteht: “links” oder “rechts”, “oben” oder “unten” und “auto” (kann weggelassen werden); z. B. “oben links”, “unten” (horizontale Ausrichtung wird standardmäßig auf “auto” gesetzt), “rechts” (vertikale Ausrichtung wird standardmäßig auf “auto” gesetzt), “auto oben”.

disableWeekends

• Typ: Boolean
• Standard: false

Samstag und Sonntag deaktivieren.

inline

• Typ: Boolean
• Standard: false

Kalender inline anzeigen. Wenn true und parentEl nicht angegeben ist, wird parentNode des Feldes verwendet.

dropdowns

• Typ: Object|Boolean
• Standard:
  {
years: {
min: 1900,
max: null,
},
months: true,
}

Dropdown-Auswahlen für Jahre, Monate. Kann false sein, um beide Dropdowns zu deaktivieren.
years (Object|Boolean) – Object muss min und max Bereich von Jahren enthalten oder kann false sein, um Dropdown von Jahren zu deaktivieren.
months (Boolean) – true/false zum Aktivieren/Deaktivieren des Dropdowns für Monate.

locale

• Typ: Object
• Standard:
{
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 – Text für Schaltflächen

tooltip – Text für Tooltip (einer, wenige, viele, andere)

tooltipOnDisabled (String) – Tooltip-Text bei deaktivierten Daten anzeigen. (Z.B. “Bereits gebucht”)

pluralize (Funktion) – Funktion für Calc Plural Text. Weitere Beispiele für andere Locales auf betsol/numerous

onSelect

• Type: Function
• Standard: null

Callback-Funktion, wenn ein Datum ausgewählt wird.

onOpen

• Typ: Function
• Standard: null

Callback-Funktion, wenn der Picker sichtbar wird.

onClose

• Type: Function
• Default: null

Callback-Funktion, wenn der Picker ausgeblendet wird.