Pick Javascript com intervalo de datas – leve, sem jQuery

# Configuração

field

  • Tipo: Element
  • Padrão: null>

Acoplar o seletor de datas a um campo de formulário

secondField

  • Tipo: Element
  • Padrão: null

Se existir então o fim do intervalo de datas será definido aqui.

firstDay

  • Tipo: Number
  • Padrão: 1

Dia ISO da semana (1: segunda-feira, …, 7: domingo).

parentEl

  • Tipo: String
  • Padrão: body

Selector do elemento pai ao qual será adicionado o seletor do intervalo de datas, se não for fornecido este será ‘body’.

lang

  • Tipo: String
  • Padrão: auto

Código do idioma para nomes de dias, meses por Date.prototype.toLocaleString(). O ‘auto’ irá tentar detectar o idioma do navegador do usuário.

format

  • Type: String
  • Padrão: DD/MM/YYYY

O formato de saída padrão.

separator

  • Tipo: String
  • Padrão: -

Separador entre datas quando um campo.

numberOfMonths

  • Tipo: Number
  • Padrão: 1

Número de meses visíveis.

numberOfColumns

  • Tipo: Number
  • Padrão: 2

Número de colunas meses.

singleDate

  • Tipo: Boolean
  • Padrão: true

Selecionar uma única data em vez de um intervalo de datas.

autoclose

  • Tipo: Boolean
  • Padrão: true

Calendário fechado quando escolhido data/intervalo.

hideOnBodyClick

  • Tipo: Boolean
  • Padrão: true

Calendário fechado quando clicado fora dos elementos especificados em field ou parentEl. Uso recomendado quando autoclose está definido em false.

repick

  • Tipo: Boolean
  • Padrão: false

Repicar início/fim em vez de novo intervalo. Esta opção funciona apenas quando existe `secondField`.

minDate

  • Tipo: moment|String|Number|Date
  • Padrão: null

A data mínima/anterior que pode ser seleccionada. Qualquer formato: momento() ou ‘2018-06-01’ ou 1527811200000, nova Data()

maxDate

  • Tipo: moment|String|Number|Date
  • Padrão: null

A data máxima/última que pode ser seleccionada. Qualquer formato: moment() ou ‘2018-06-01’ ou 1527811200000, nova Data()

disableDates

  • Tipo: Array
  • Padrão: null

Datas de incapacidade. Array pode conter intervalos, permitido o mesmo formato que nas opções minDate, maxDate.
Ex.: ]

selectForward

  • Tipo: Boolean
  • Padrão: false

Selecionar segunda data após a primeira data selecionada.

selectBackward

  • Tipo: Boolean
  • Padrão: false

Selecionar segunda data antes da primeira data selecionada.

minDays

  • Tipo: Number
  • Padrão: null

Os dias mínimos da gama seleccionada.

maxDays

  • Tipo: Number
  • Padrão: null

Os dias máximos da gama seleccionada.

hoveringTooltip

  • Tipo: Boolean
  • Padrão: true

Mostrar ponta de ferramenta.

footer

  • Tipo: Boolean|String
  • Padrão: false

Calendário de rodapé, se definido como `verdadeiro` utilizará rodapé padrão (botões Reiniciar/Aplicar) ou string personalizada (html).

disabledDatesInRange

  • Tipo: Boolean
  • Padrão: true

Se definido como `falso` então irá redefinir o intervalo selecionado quando as datas desabilitadas existem no intervalo selecionado.

tooltipNights

  • Tipo: Boolean
  • Padrão: false

Calc intervalo de datas em noites. (Para hotéis quando a última data não inclui o intervalo)

orientation

  • Tipo: String
  • Padrão: auto

Uma cadeia de caracteres espaço-separada que consiste em um ou dois de “left” ou “right”, “top” ou “bottom”, e “auto” (pode ser omitido); por exemplo, “top left”, “bottom” (orientação horizontal será padrão para “auto”), “right” (orientação vertical será padrão para “auto”), “auto top”.

disableWeekends

  • Tipo: Boolean
  • Padrão: false

Disponível sábado e domingo.

inline

  • Tipo: Boolean
  • Padrão: false

Mostrar calendário em linha. Se true e parentEl não for fornecido, então irá usar parentNode de campo.

dropdowns

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

Selecção de anos, meses. Pode ser false para desativar ambas as seleções dropdowns.
years (Object|Boolean) – O objeto deve conter min e max intervalo de anos ou pode ser false para desabilitar dropdowns de anos.
months (Booleano) – true/false para habilitar/desabilitar o dropdown de meses.

locale

  • Tipo: Object
  • Padrão:
    {
    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 botões

tooltip – Texto para dica de ferramenta (uma, poucas, muitas, outras)

tooltipOnDisabled (String) – Mostrar texto de dica de ferramenta em datas desabilitadas. (Ex. “Already booked”)

pluralize (function) – Função para texto no plural de calc. Mais exemplos para outro locales no betol/numerous

onSelect

  • Tipo: Function
  • Padrão: null

Função de retorno para quando uma data é seleccionada.

onOpen

  • Tipo: Function
  • Padrão: null

Função de retorno para quando o colhedor se torna visível.

onClose

  • Tipo: Function
  • Padrão: null

Função de retorno para quando o colhedor está escondido.

Deixe uma resposta

O seu endereço de email não será publicado.