Lightpick Javascript selector de rango de fechas – ligero, sin jQuery

# Configuración

field

  • Tipo: Element
  • Por defecto: null

Enlazar el datepicker a un campo de formulario

secondField

  • Tipo: Element
  • Por defecto: null

Si existe entonces el final del rango de fechas se establecerá aquí.

firstDay

  • Tipo: Number
  • Por defecto: 1

ISO día de la semana (1: lunes, …, 7: domingo).

parentEl

  • Tipo: String
  • Por defecto: body

Selector del elemento padre al que se añadirá el selector de rango de fechas, si no se proporciona será ‘body’.

lang

  • Tipo: String
  • Por defecto: auto

Código de idioma para nombres de días, meses por Date.prototype.toLocaleString(). ‘auto’ intentará detectar el idioma del navegador del usuario.

format

  • Tipo: String
  • Por defecto: DD/MM/YYYY

El formato de salida por defecto.

separator

  • Tipo: String
  • Por defecto: -

Separador entre fechas cuando un campo.

numberOfMonths

  • Tipo: Number
  • Por defecto: 1

Número de meses visibles.

numberOfColumns

  • Tipo: Number
  • Por defecto: 2

Número de columnas meses.

singleDate

  • Tipo: Boolean
  • Por defecto: true

Elige una sola fecha en lugar de un rango de fechas.

autoclose

  • Tipo: Boolean
  • Por defecto: true

Cerrar el calendario cuando la fecha/rango elegido.

hideOnBodyClick

  • Tipo: Boolean
  • Por defecto: true

Cierra el calendario cuando se hace clic fuera de los elementos especificados en field o parentEl. Se recomienda su uso cuando autoclose se establece en false.

repick

  • Tipo: Boolean
  • Por defecto: false

Recoger el inicio/final en lugar del nuevo rango. Esta opción sólo funciona cuando existe `secondField`.

minDate

  • Tipo: moment|String|Number|Date
  • Por defecto: null

La fecha mínima/primera que se puede seleccionar. Cualquier formato: moment() o ‘2018-06-01’ o 1527811200000, new Date()

maxDate

  • Tipo: moment|String|Number|Date
  • Por defecto: null

La fecha máxima/última que se puede seleccionar. Cualquier formato: moment() o ‘2018-06-01’ o 1527811200000, new Date()

disableDates

  • Tipo: Array
  • Por defecto: null

Matriz de fechas desactivadas. El array puede contener rangos, se permite el mismo formato que en las opciones minDate, maxDate.
Ex.: ]

selectForward

  • Tipo: Boolean
  • Por defecto: false

Seleccione la segunda fecha después de la primera fecha seleccionada.

selectBackward

  • Tipo: Boolean
  • Por defecto: false

Seleccione la segunda fecha antes de la primera fecha seleccionada.

minDays

  • Tipo: Number
  • Por defecto: null

Los días mínimos del rango seleccionado.

maxDays

  • Tipo: Number
  • Por defecto: null

Los días máximos del rango seleccionado.

hoveringTooltip

  • Tipo: Boolean
  • Por defecto: true

Mostrar información sobre herramientas.

footer

  • Tipo: Boolean|String
  • Por defecto: false

Calendario de pie de página, si se establece en `true` utilizará el pie de página por defecto (botones Reset/Apply) o la cadena personalizada (html).

disabledDatesInRange

  • Tipo: Boolean
  • Por defecto: true

Si se establece en `false` entonces se restablecerá el rango seleccionado cuando existan fechas deshabilitadas en el rango seleccionado.

tooltipNights

  • Tipo: Boolean
  • Por defecto: false

Calcula el rango de fechas en noches. (Para hoteles cuando la última fecha no incluye al rango)

orientation

  • Tipo: String
  • Por defecto: auto

Cadena separada por espacios que consta de uno o dos de “izquierda” o “derecha”, “arriba” o “abajo” y “auto” (puede omitirse); por ejemplo, “arriba izquierda”, “abajo” (la orientación horizontal será por defecto “auto”), “derecha” (la orientación vertical será por defecto “auto”), “auto arriba”.

disableWeekends

  • Tipo: Boolean
  • Por defecto: false

Desactivar sábado y domingo.

inline

  • Tipo: Boolean
  • Por defecto: false

Mostrar calendario en línea. Si true y parentEl no se proporciona entonces utilizará parentNode del campo.

dropdowns

  • Tipo: Object|Boolean
  • Por defecto:
    {
    years: {
    min: 1900,
    max: null,
    },
    months: true,
    }

Selecciones desplegables para años, meses. Puede ser false para desactivar ambos desplegables.
years (Objeto|Boolean) – El objeto debe contener min y max rango de años o puede ser false para deshabilitar el desplegable de años.
months (Booleano) – true/false para habilitar/deshabilitar el desplegable de meses.

locale

  • Tipo: Object
  • Por defecto:
    {
    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 – Texto para los botones

tooltip – Texto para el tooltip (uno, pocos, muchos, otros)

tooltipOnDisabled (Cadena) – Mostrar el texto del tooltip en las fechas desactivadas. (Ej. “Ya reservado”)

pluralize (función) – Función para calcar el texto en plural. Más ejemplos para otras localizaciones en betsol/numerous

onSelect

  • Tipo: Function
  • Por defecto: null

Función de devolución para cuando se selecciona una fecha.

onOpen

  • Tipo: Function
  • Por defecto: null

Función de devolución para cuando el selector se hace visible.

onClose

  • Tipo: Function
  • Por defecto: null

Función de devolución para cuando el selector se oculta.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.