container

Este é o local onde o HTML do calendário gerado é colocado. Ele é usado apenas para seletores embutidos.

input

É a string ou HTMLElement com o elemento de entrada relacionado.

scrollToInput

É a janela de exibição de rolagem para inserir na abertura do calendário.

inputReadOnly

É usado para definir o atributo somente leitura em determinada entrada.

convertToPopover

É usado para converter o modal de calendário em popover na tela grande.

onlyOnPopover

Se estiver habilitado, o calendário é sempre aberto em popover.

cssClass

Se estiver habilitado, o calendário é sempre aberto em popover.

closeByOutsideClick

Se estiver habilitado, o seletor será fechado quando você clicar fora do seletor.

toolbar

Ele ativa a barra de ferramentas modal do calendário.

toolbarCloseText

É o texto para o botão Fechar da barra de ferramentas.

toolbarTemplate

É o modelo HTML da barra de ferramentas. É string HTML por padrão, com o modelo abaixo -

<div class = "toolbar">
   <div class = "toolbar-inner">
      {{monthPicker}}
      {{yearPicker}}
   </div>
</div>

value

É a matriz com as datas selecionadas inicialmente.

disabled

São as datas de desativação adicionais.

events

São as datas com eventos e serão marcadas com um ponto no dia do calendário.

rangesClasses

É usado para adicionar uma classe CSS personalizada para um estilo adicional.

formatValue

É a função para formatar o valor de entrada e retornar um valor de string novo / formatado. Os valores são uma matriz que consiste em um item que representa a data selecionada.

monthNames

É a matriz com meses inteiros.

monthNamesShort

É a matriz com a forma abreviada dos nomes dos meses.

dayNames

É a matriz com dias da semana.

dayNamesShort

É a matriz com formato abreviado para nomes de dias da semana.

updateValuesOnTouchmove

Ele atualiza o seletor e os valores de entrada quando o toque se move.

firstDay

É o primeiro dia da semana. Por padrão, é 1 - segunda-feira.

weekendDays

É uma matriz com número de índice de dias de fim de semana. Por padrão, é sábado e domingo.

dateFormat

É o formato de data padrão e abaixo estão as expressões disponíveis -

• 'aaaa' - é o ano de 4 dígitos.

• 'yy' - é o ano de 2 dígitos.

• 'mm' - É o número do mês de 2 dígitos, ou seja, de 01 a 12.

• 'm' - é o número do mês de 1 a 12.

• 'MM' - É o nome completo do mês.

• 'M' - É a forma abreviada do nome do mês.

• 'dd' - É o número do dia de 2 dígitos, ou seja, de 01 a 31.

• 'd' - É o número do dia de 1 a 31.

• 'DD' - é o nome completo do dia da semana.

• 'D' - é a forma abreviada do nome do dia da semana.

multiple

Ele permite que você selecione várias datas / valores.

rangePicker

Habilite isso para habilitar o seletor de intervalo.

direction

É a direção do layout do mês, que pode ser horizontal ou vertical .

minDate

É a data mínima permitida.

maxDate

É a data máxima permitida.

touchmove

Se estiver ativado, os slides dos meses do calendário seguem os dedos durante o movimento de toque.

animate

Ele permite a transição entre meses.

closeOnSelect

Se estiver ativado, o calendário será fechado quando o usuário escolher uma data.

weekHeader

Ele representa o cabeçalho da semana com a forma abreviada de dias da semana.

monthPicker

Então, se ativado, exibe o seletor de mês na barra de ferramentas.

monthPickerTemplate

É o modelo HTML do selecionador de mês. Por padrão, é o seguinte -

<div class = "picker-calendar-month-picker">
   <a href = "#" class = "link icon-only picker-calendar-prev-month">
      <i class = "icon icon-prev"></i>
   </a>
   
   <span class = "current-month-value"></span>
   <a href = "#" class = "link icon-only picker-calendar-next-month">
      <i class = "icon icon-next"></i>
   </a>
</div>

yearPicker

Se estiver habilitado, então, exibe o seletor de ano na barra de ferramentas.

yearPickerTemplate

É o modelo HTML do selecionador de ano. Por padrão, é o seguinte -

<div class = "picker-calendar-year-picker">
   <a href = "#" class = "link icon-only picker-calendar-prev-year">
      <i class = "icon icon-prev"></i>
   </a>
   
   <span class = "current-year-value"></span>
   <a href = "#" class = "link icon-only picker-calendar-next-year">
      <i class = "icon icon-next"></i>
   </a>
</div>

onChange

É a função de retorno de chamada que será executada quando o valor do selecionador mudar. Ele aceita valores e matrizes displayValues como parâmetros onde cada item representa o valor / valor de exibição da coluna relacionada.

onMonthAdd

São as funções de retorno de chamada que serão executadas quando o elemento HTML do mês recém-gerado for adicionado ao calendário.

onDayClick

Esta função de retorno de chamada será executada se o usuário clicar em qualquer data.

onMonthYearChangeStart

Esta função de retorno de chamada será executada durante o início da transição para outro mês / ano.

onMonthYearChangeEnd

Esta função de callback será executada no final da transição para outro mês / ano.

onOpen

Esta função de retorno de chamada será executada quando o seletor for aberto.

onClose

Esta função de retorno de chamada será executada quando o seletor for fechado.