Lightpick Javascript date range picker – lightweight, no jQuery

# Konfigurace

field

  • Typ: Element
  • Vypnuto: Element
  • Vypnuto: null

Vázat výběr data na formulářové pole

secondField

  • Typ: Element
  • Vypnuto: null

Pokud existuje, pak se zde nastaví konec rozsahu data.

firstDay

  • Typ: Number
  • Vypnuto: Number Number
  • Vypnuto: 1

ISO den v týdnu (1: pondělí, …, 7: neděle).

parentEl

  • Typ: String
  • Přednastaveno: body

Výběr nadřazeného prvku, ke kterému bude přidán volič rozsahu dat, pokud není uveden, bude to “tělo”.

lang

  • Typ: String
  • Vypnuto: auto

Kód jazyka pro názvy dnů, měsíců podle Date.prototype.toLocaleString(). ‘auto’ se pokusí zjistit jazyk prohlížeče uživatele.

format

  • Typ: String
  • Vypnuto: DD/MM/YYYY

Výchozí výstupní formát.

separator

  • Typ: String
  • Výchozí: -

Oddělovač mezi daty při jednom poli.

numberOfMonths

  • Typ: Number
  • Vypnuto: 1

Počet viditelných měsíců.

numberOfColumns

  • Typ: Number
  • Vypnuto: 2

Počet sloupců měsíců.

singleDate

  • Typ: Boolean
  • Vypnuto:

    autoclose

    • Typ: Boolean
    • Vypnuto: true

    Zavřít kalendář při vybraném datu/rozsahu.

    hideOnBodyClick

    • Typ: Boolean
    • Vypnuto: true

    Zavřít kalendář při kliknutí mimo prvky uvedené v field nebo parentEl. Doporučuje se použít, když je autoclose nastaveno na false.

    repick

    • Typ: Boolean
    • Vypnuto: false

    Přepište začátek/konec místo nového rozsahu. Tato volba funguje pouze v případě, že existuje `druhéPole`.

    minDate

    • Typ: moment|String|Number|Date
    • Přednastaveno: null

    Minimální/nejstarší datum, které lze vybrat. Libovolný formát: moment() nebo ‘2018-06-01’ nebo 1527811200000, new Date()

    maxDate

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

    Maximální/poslední datum, které lze vybrat. Libovolný formát: moment() nebo ‘2018-06-01’ nebo 1527811200000, new Date()

    disableDates

    • Typ: Array
    • Vypnuto: null

    Množina zakázaných dat. Pole může obsahovat rozsahy, povolen stejný formát jako u voleb minDate, maxDate.
    Příklad: ]

    selectForward

    • Typ: Boolean
    • Vypnuto:

      selectBackward

      • Typ: Boolean
      • Vypnuto:

        minDays

        • Typ: Number
        • Vypnuto: null

        Minimální dny vybraného rozsahu.

        maxDays

        • Typ: Number
        • Vypnuto: null

        Maximální počet dní vybraného rozsahu.

        hoveringTooltip

        • Typ: Boolean
        • Vypnuto: true

        Zobrazit nápovědu.

        footer

        • Typ: Boolean|String
        • Vypnuto: false

        Kalendář v zápatí, pokud je nastaveno na `pravdivé`, použije se výchozí zápatí (tlačítka Obnovit/Použít) nebo vlastní řetězec (html).

        disabledDatesInRange

        • Typ: Boolean
        • Výchozí: true

        Pokud je nastaveno na `false`, pak se vybraný rozsah vynuluje, pokud ve vybraném rozsahu existují zakázaná data.

        tooltipNights

        • Typ: Boolean
        • Vypnuto: false

        Rozsah data výpočtu v nocích. (Pro hotely, kdy poslední datum nezahrnuje do rozsahu)

        orientation

        • Typ: String
        • Vypnuto: auto

        Řetězec oddělený mezerou, který se skládá z jedné nebo dvou z možností “vlevo” nebo “vpravo”, “nahoře” nebo “dole” a “auto” (lze vynechat); například “vlevo nahoře”, “dole” (horizontální orientace bude výchozí “auto”), “vpravo” (vertikální orientace bude výchozí “auto”), “auto nahoře”.

        disableWeekends

        • Typ: Boolean
        • Vypnuto: false

        Zakázat sobotu a neděli.

        inline

        • Typ: Boolean
        • Vypnuto: false

        Zobrazit kalendář inline. Pokud není uveden true a parentEl, použije se parentNode pole.

        dropdowns

        • Typ: Object|Boolean
        • Výchozí:
          {
          years: {
          min: 1900,
          max: null,
          },
          months: true,
          }

        Rozbalovací volby pro roky, měsíce. Může být false pro zakázání obou rozbalovacích nabídek.
        years (Objekt|Boolean) – Objekt musí obsahovat min a max rozsah let nebo může být false pro zakázání rozbalovacího seznamu let.
        months (Boolean) – true/false pro povolení/zakázání rozbalování měsíců.

        locale

        • Typ: Object
        • Vypnuto:
          {
          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 pro tlačítka

        tooltip – Text pro nápovědu (jeden, několik, mnoho, jiné)

        tooltipOnDisabled (String) – Zobrazení textu nápovědy u zakázaných dat. (Např. “Již rezervováno”)

        pluralize (function) – Funkce pro text kalkulace množného čísla. Další příklady pro další lokality na betsol/numero

        onSelect

        • Typ: Function
        • Přednastaveno: null

        Zpětná funkce pro případ, že je vybráno datum.

        onOpen

        • Typ: Function
        • Vypnuto: null

        Zpětná funkce pro okamžik, kdy se výběrčí stane viditelným.

        onClose

        • Typ: Function
        • Vypnuto: null

        Zpětná funkce pro případ, že je vybírací pole skryté.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.