Lightpick Javascript date range picker – ușor, fără jQuery

# Configurație

field

  • Tip: Element
  • Default: null

Bind the datepicker to a form field

secondField

  • Type: Element
  • Default: null

Dacă există, atunci sfârșitul intervalului de date va fi setat aici.

firstDay

  • Tip: Number
  • Default: 1

Ziua ISO a săptămânii (1: luni, …, 7: duminică).

parentEl

  • Type: String
  • Default: body

Selectorul elementului părinte la care va fi adăugat selectorul de intervale de date, dacă nu este furnizat, acesta va fi ‘body’.

lang

  • Type: String
  • Default: auto

Codul limbii pentru numele zilelor, lunilor de către Date.prototype.toLocaleString(). ‘auto’ va încerca să detecteze limba browserului utilizatorului.

format

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

Formatul de ieșire implicit.

separator

  • Type: String
  • Default: -

Separator între date atunci când un singur câmp.

numberOfMonths

  • Type: Number
  • Default: 1

Numărul de luni vizibile.

numberOfColumns

  • Tip: Number
  • Default: 2

Numărul de luni coloane.

singleDate

  • Tip: Boolean
  • Default: Boolean
  • Default: true

Alege o singură dată în loc de un interval de date.

autoclose

  • Tip: Boolean
  • Default: true

Închideți calendarul când se alege o dată/un interval de date.

hideOnBodyClick

  • Tip: Boolean
  • Default: true

Închide calendarul atunci când se face clic în afara elementelor specificate în field sau parentEl. Se recomandă utilizarea atunci când autoclose este setat la false.

repick

  • Tip: Boolean
  • Default: false

Repicarea începutului/sfârșitului în loc de noul interval. Această opțiune funcționează numai atunci când există `secondField`.

minDate

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

Data minimă/cea mai apropiată care poate fi selectată. Orice format: moment() sau ‘2018-06-01’ sau 1527811200000, new Date()

maxDate

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

Data maximă/cea mai recentă care poate fi selectată. Orice format: moment() sau ‘2018-06-01’ sau 1527811200000, new Date()

disableDates

  • Type: Array
  • Default: null

Array de date dezactivate. Array poate conține intervale de date, permise în același format ca în opțiunile minDate, maxDate.
Ex.: ]

selectForward

  • Tip: Boolean
  • Default: false

Selectează a doua dată după prima dată selectată.

selectBackward

  • Tip: Boolean
  • Default: false

Select second date before the first selected date.

minDays

  • Type: Number
  • Default: null

Zilele minime ale intervalului selectat.

maxDays

  • Tip: Number
  • Default: null

Zilele maxime ale intervalului selectat.

hoveringTooltip

  • Tip: Boolean
  • Default: true

Show tooltip.

footer

  • Type: Boolean|String
  • Default: false

Calendarul de subsol, dacă este setat la `true` va folosi subsolul implicit (butoanele Reset/Apply) sau șirul personalizat (html).

disabledDatesInRange

  • Type: Boolean
  • Default: true

Dacă este setat la `false`, atunci se va reseta intervalul selectat atunci când există date dezactivate în intervalul selectat.

tooltipNights

  • Type: Boolean
  • Default: false

Calculează intervalul de date în nopți. (Pentru hoteluri în cazul în care ultima dată nu include intervalul)

orientation

  • Type: String
  • Default: auto

Un șir de caractere separate prin spații, format din unul sau două dintre “left” sau “right”, “top” sau “bottom” și “auto” (poate fi omis); de exemplu, “top left”, “bottom” (orientarea orizontală va fi implicită “auto”), “right” (orientarea verticală va fi implicită “auto”), “auto top”.

disableWeekends

  • Tip: Boolean
  • Default: false

Dezactivează sâmbăta și duminica.

inline

  • Tip: Boolean
  • Default: false

Afișează calendarul în linie. Dacă true și parentEl nu sunt furnizate, atunci se va folosi parentNode de câmp.

dropdowns

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

Selecții derulante pentru ani, luni. Poate fi false pentru a dezactiva ambele dropdown-uri.
years (Object|Boolean) – Obiectul trebuie să conțină intervalul de ani min și max sau poate fi false pentru a dezactiva meniul derulant al anilor.
months (Boolean) – true/false pentru a activa/dezactiva lista derulantă a lunilor.

locale

  • Tip: 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 – Text pentru butoane

tooltip – Text pentru tooltip (one, few, many, other)

tooltipOnDisabled (String) – Afișează textul tooltip pe datele dezactivate. (De exemplu, “Already booked”)

pluralize (function) – Funcție pentru calc text plural. Mai multe exemple pentru alte localități pe betsol/numerous

onSelect

  • Type: Function
  • Default: Function
  • Default: null

Funcție de retur pentru atunci când este selectată o dată.

onOpen

  • Tip: Function
  • Default: null

Funcție de retur pentru atunci când selectorul devine vizibil.

onClose

  • Tip: Function
  • Default: null

Funcție callback pentru atunci când selectorul este ascuns.

.

Lasă un răspuns

Adresa ta de email nu va fi publicată.