Lightpick Javascript dátumválasztó – könnyű, jQuery nélkül

# Konfiguráció

field

  • Type: Element
  • Default: null

Bind the datepicker to a form field

secondField

  • Type: Element
  • Default: null

Ha létezik, akkor a dátumtartomány vége itt lesz beállítva.

firstDay

  • Type: Number
  • Default: 1

ISO a hét napja (1: hétfő, …, 7: vasárnap).

parentEl

  • Type: String
  • Default: body

A szülőelem kiválasztója, amelyhez a dátumtartomány-választó hozzáadódik, ha nincs megadva, akkor ez lesz a “body”.

lang

  • Type: String
  • Default: auto

Napok, hónapok nevének nyelvi kódja a Date.prototype.toLocaleString() által. Az ‘auto’ megpróbálja felismerni a felhasználó böngészőjének nyelvét.

format

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

Az alapértelmezett kimeneti formátum.

separator

  • Type: String
  • Default: -

A dátumok közötti elválasztójel, ha egy mező.

numberOfMonths

  • Type: Number
  • Default: 1

A látható hónapok száma.

numberOfColumns

  • Type: Number
  • Default: 2

Az oszlopok hónapjainak száma.

singleDate

  • Type: Boolean
  • Alapértelmezett: true

Dátumtartomány helyett egyetlen dátum kiválasztása.

autoclose

  • Type: Boolean
  • Default: true

Naptár bezárása, amikor kiválasztott dátum/tartomány.

hideOnBodyClick

  • Type: Boolean
  • Default: true

Naptár bezárása, ha a field vagy parentEl pontban meghatározott elemeken kívül kattintanak rá. Ajánlott használata, ha a autoclose értéke false.

repick

  • Type: Boolean
  • Default: false

Új tartomány helyett új tartomány kezdetének/végének átvétele. Ez az opció csak akkor működik, ha létezik `secondField`.

minDate

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

A legkisebb/legkorábbi kiválasztható dátum. Bármilyen formátum: moment() vagy ‘2018-06-01’ vagy 1527811200000, new Date()

maxDate

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

A maximálisan/legkésőbb választható dátum. Bármilyen formátum: moment() vagy ‘2018-06-01’ vagy 1527811200000, new Date()

disableDates

  • Type: Array
  • Default: null

Array of disabled dates. A tömb tartalmazhat tartományokat, megengedett ugyanaz a formátum, mint a minDate, maxDate opciókban.
Például: ]

selectForward

  • Type: Boolean
  • Default: false

A második dátum kiválasztása az első kiválasztott dátum után.

selectBackward

  • Type: Boolean
  • Default: false

A második dátum kiválasztása az első kiválasztott dátum előtt.

minDays

  • Type: Number
  • Default: null

A kiválasztott tartomány minimális napjai.

maxDays

  • Type: Number
  • Default: null

A kiválasztott tartomány maximális napjai.

hoveringTooltip

  • Type: Boolean
  • Default: true

Tooltip megjelenítése.

footer

  • Type: Boolean|String
  • Default: false

Footer calendar, if set to `true` will use default footer (Reset/Apply buttons) or custom string (html).

disabledDatesInRange

  • Type: Boolean
  • Default:

    tooltipNights

    • Type: Boolean
    • Default: false

    Calc date range in nights. (Szállodák esetében, ha az utolsó dátum nem tartalmazza a tartományt)

    orientation

    • Type: String
    • Default: auto

    Egy szóközzel elválasztott karakterlánc, amely a “left” vagy “right”, “top” vagy “bottom” és “auto” (elhagyható) közül egy vagy kettőből áll; például “top left”, “bottom” (a vízszintes orientáció alapértelmezés szerint “auto”), “right” (a függőleges orientáció alapértelmezés szerint “auto”), “auto top”.

    disableWeekends

    • Type: Boolean
    • Default: false

    Szombat és vasárnap kikapcsolása.

    inline

    • Type: Boolean
    • Default: false

    Naptár megjelenítése sorban. Ha true és parentEl nincs megadva, akkor a parentNode mezőt fogja használni.

    dropdowns

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

    Az évek, hónapok legördülő kiválasztása. Lehet false mindkét legördülő menü letiltásához.
    years (Object|Boolean) – Az objektumnak min és max évszámtartományt kell tartalmaznia, vagy lehet false az évek legördülő listájának letiltásához.
    months (Boolean) – true/false a hónapok legördülő listájának engedélyezéséhez/tiltásához.

    locale

    • Type: 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 – Gombok szövege

    tooltip – Eszköztipp szövege (egy, néhány, sok, egyéb)

    tooltipOnDisabled (String) – Eszköztipp szöveg megjelenítése a letiltott dátumokon. (Pl. “Már foglalt”)

    pluralize (function) – Function for calc plural text. További példák más lokalizációkhoz a betsol/numerous

    onSelect

    • Type: Function
    • Default: null

    Callback függvény egy dátum kiválasztásakor.

    onOpen

    • Type: Function
    • Default: null

    Callback függvény, amikor a választó láthatóvá válik.

    onClose

    • Type: Function
    • Default: null

    Callback függvény, amikor a választó el van rejtve.

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.