Lightpick selezionatore di date Javascript – leggero, senza jQuery

# Configurazione

field

  • Type: Element
  • Default: null

Bind the datepicker to a form field

secondField

  • Type: Element
  • Default: null

Se esiste allora la fine dell’intervallo di date sarà impostata qui.

firstDay

  • Type: Number
  • Default: 1

SO giorno della settimana (1: lunedì, …, 7: domenica).

parentEl

  • Type: String
  • Default: body

Selettore dell’elemento padre a cui sarà aggiunto il selezionatore dell’intervallo di date, se non fornito questo sarà ‘body’.

lang

  • Type: String
  • Default: auto

Codice lingua per i nomi di giorni e mesi da Date.prototype.toLocaleString(). ‘auto’ cercherà di rilevare la lingua del browser dell’utente.

format

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

Il formato di output predefinito.

separator

  • Type: String
  • Default: -

Separatore tra le date quando un campo.

numberOfMonths

  • Type: Number
  • Default: 1

Numero di mesi visibili.

numberOfColumns

  • Type: Number
  • Default: 2

Numero di colonne mesi.

singleDate

  • Type: Boolean
  • Default: true

Scegli una singola data invece di un intervallo di date.

autoclose

  • Tipo: Boolean
  • Default: true

Chiude il calendario quando ha scelto data/intervallo.

hideOnBodyClick

  • Type: Boolean
  • Default: true

Chiude il calendario quando si clicca al di fuori degli elementi specificati in field o parentEl. Uso consigliato quando autoclose è impostato su false.

repick

  • Tipo: Boolean
  • Default: false

Ricerca inizio/fine invece del nuovo intervallo. Questa opzione funziona solo quando esiste il `secondo campo`.

minDate

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

La data minima/prima che può essere selezionata. Qualsiasi formato: moment() o ‘2018-06-01’ o 1527811200000, new Date()

maxDate

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

La massima/ultima data che può essere selezionata. Qualsiasi formato: moment() o ‘2018-06-01’ o 1527811200000, new Date()

disableDates

  • Type: Array
  • Default: null

Array di date disabilitate. La matrice può contenere intervalli, ammessi nello stesso formato delle opzioni minDate, maxDate.
Ex.: ]

selectForward

  • Type: Boolean
  • Default: false

Seleziona la seconda data dopo la prima data selezionata.

selectBackward

  • Tipo: Boolean
  • Default: false

Seleziona la seconda data prima della prima data selezionata.

minDays

  • Tipo: Number
  • Default: null

I giorni minimi dell’intervallo selezionato.

maxDays

  • Type: Number
  • Default: null

I giorni massimi dell’intervallo selezionato.

hoveringTooltip

  • Type: Boolean
  • Default: true

Mostra tooltip.

footer

  • Tipo: Boolean|String
  • Default: false

Calendario del piè di pagina, se impostato su `true` userà il piè di pagina predefinito (pulsanti Reset/Applica) o una stringa personalizzata (html).

disabledDatesInRange

  • Type: Boolean
  • Default: true

Se impostato su `false` allora resetterà l’intervallo selezionato quando esistono date disabilitate nell’intervallo selezionato.

tooltipNights

  • Type: Boolean
  • Default: false

Calcolo intervallo di date in notti. (Per gli hotel quando l’ultima data non include l’intervallo)

orientation

  • Tipo: String
  • Default: auto

Una stringa separata da spazi che consiste in uno o due di “left” o “right”, “top” o “bottom”, e “auto” (può essere omesso); per esempio, “top left”, “bottom” (l’orientamento orizzontale sarà predefinito su “auto”), “right” (l’orientamento verticale sarà predefinito su “auto”), “auto top”.

disableWeekends

  • Tipo: Boolean
  • Default: false

Disabilita il sabato e la domenica.

inline

  • Tipo: Boolean
  • Default: false

Mostra il calendario in linea. Se true e parentEl non è fornito allora userà parentNode del campo.

dropdowns

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

Selezioni a discesa per anni, mesi. Può essere false per disabilitare entrambi i dropdown.
years (Object|Boolean) – L’oggetto deve contenere min e max range di anni o può essere false per disabilitare il dropdown degli anni.
months (Boolean) – true/false per abilitare/disabilitare il dropdown dei mesi.

locale

  • Tipo: 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 – Testo per i pulsanti

tooltip – Testo per il tooltip (uno, pochi, molti, altro)

tooltipOnDisabled (String) – Mostra il testo del tooltip sulle date disabilitate. (Es. “Già prenotato”)

pluralize (funzione) – Funzione per calcolare il testo plurale. Altri esempi per altri locali su betsol/numerous

onSelect

  • Type: Function
  • Default: null

Funzione di callback per quando viene selezionata una data.

onOpen

  • Type: Function
  • Default: null

Funzione di callback per quando il picker diventa visibile.

onClose

  • Type: Function
  • Default: null

Funzione di callback per quando il selezionatore è nascosto.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.