Lightpick Javascript date range picker – lekki, bez jQuery

# Konfiguracja

field

  • Type: Element
  • Default: null

Bind the datepicker to a form field

secondField

  • Type: Element
  • Default: null

Jeśli istnieje to tutaj zostanie ustawiony koniec zakresu dat.

firstDay

  • Type: Number
  • Default: 1

ISO dzień tygodnia (1: poniedziałek, …, 7: niedziela).

parentEl

  • Type: String
  • Default: body

Selektor elementu nadrzędnego, do którego zostanie dodany selektor zakresu dat, jeśli nie zostanie podany będzie to ‘body’.

lang

  • Typ: String
  • Default: auto

Kod języka dla nazw dni, miesięcy przez Date.prototype.toLocaleString(). ‘auto’ spróbuje wykryć język przeglądarki użytkownika.

format

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

Domyślny format wyjściowy.

separator

  • Type: String
  • Default: -

Separator między datami, gdy jedno pole.

numberOfMonths

  • Type: Number
  • Default: 1

Liczba widocznych miesięcy.

numberOfColumns

  • Type: Number
  • Default: 2

Liczba kolumn miesiące.

singleDate

  • Type: Boolean
  • Default: true

Wybierz pojedynczą datę zamiast zakresu dat.

autoclose

  • Typ: Boolean
  • Default: true

Zamknij kalendarz po wybraniu daty/zakresu.

hideOnBodyClick

  • Type: Boolean
  • Default: true

Zamyka kalendarz po kliknięciu poza elementami określonymi w field lub parentEl. Zalecane użycie, gdy autoclose jest ustawione na false.

repick

  • Typ: Boolean
  • Default: false

Przekieruj początek/koniec zamiast nowego zakresu. Ta opcja działa tylko wtedy, gdy istnieje `secondField`.

minDate

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

Minimalna/najstarsza data, która może zostać wybrana. Dowolny format: moment() lub ‘2018-06-01’ lub 1527811200000, new Date()

maxDate

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

Maksymalna/najpóźniejsza data, którą można wybrać. Dowolny format: moment() lub ‘2018-06-01’ lub 1527811200000, new Date()

disableDates

  • Typ: Array
  • Default: null

Tablica dat wyłączonych. Tablica może zawierać zakresy, dozwolony format jak w opcjach minDate, maxDate.
Ex.: ]

selectForward

  • Typ: Boolean
  • Default: false

Wybierz drugą datę po pierwszej wybranej dacie.

selectBackward

  • Typ: Boolean
  • Default: false

Wybierz drugą datę przed pierwszą wybraną datą.

minDays

  • Type: Number
  • Default: null

Minimalne dni z wybranego zakresu.

maxDays

  • Typ: Number
  • Default: null

Maksymalne dni wybranego zakresu.

hoveringTooltip

  • Typ: Boolean
  • Default: true

Pokaż etykietę narzędzia.

footer

  • Type: Boolean|String
  • Default: false

Kalendarz stopki, jeśli ustawiony na `true` będzie używał domyślnej stopki (przyciski Reset/Apply) lub niestandardowego ciągu znaków (html).

disabledDatesInRange

  • Type: Boolean
  • Default: true

Jeśli ustawione na `false` to zresetuje wybrany zakres, gdy wyłączone daty istnieją w wybranym zakresie.

tooltipNights

  • Type: Boolean
  • Default: false

Przedział dat w nocach. (Dla hoteli, w których ostatnia data nie zawiera się w zakresie)

orientation

  • Typ: String
  • Default: auto

Separowany spacjami ciąg składający się z jednego lub dwóch spośród “left” lub “right”, “top” lub “bottom” oraz “auto” (można pominąć); na przykład “top left”, “bottom” (orientacja pozioma będzie domyślnie ustawiona na “auto”), “right” (orientacja pionowa będzie domyślnie ustawiona na “auto”), “auto top”.

disableWeekends

  • Typ: Boolean
  • Default: false

Wyłącz sobotę i niedzielę.

inline

  • Type: Boolean
  • Default: false

Pokaż kalendarz inline. If true and parentEl is not provided then will use parentNode of field.

dropdowns

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

Dropdown selections for years, months. Może być false, aby wyłączyć oba rozwijane menu.
years (Object|Boolean) – Obiekt musi zawierać min i max zakres lat lub może być false dla wyłączenia rozwijania lat.
months (Boolean) – true/false dla włączenia/wyłączenia rozwijania miesięcy.

locale

  • Typ: Object
  • Default:
    {
    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 dla przycisków

tooltip – Tekst dla tooltip (jeden, kilka, wiele, inne)

tooltipOnDisabled (String) – Pokaż tekst tooltip na wyłączonych datach. (Np. “Już zarezerwowane”)

pluralize (function) – Funkcja dla tekstu calc plural. Więcej przykładów dla innych locales na betsol/numerous

onSelect

  • Type: Function
  • Default: null

Funkcja callback dla gdy data jest wybrana.

onOpen

  • Type: Function
  • Default: null

Funkcja callback dla gdy picker staje się widoczny.

onClose

  • Type: Function
  • Default: null

Funkcja callback dla gdy selektor jest ukryty.

.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.