container

Questo è il luogo in cui viene posizionato l'HTML del calendario generato. Viene utilizzato solo per i raccoglitori in linea.

input

È la stringa o HTMLElement con il relativo elemento di input.

scrollToInput

È la finestra di scorrimento da inserire all'apertura del calendario.

inputReadOnly

Viene utilizzato per impostare l' attributo di sola lettura su determinati input.

convertToPopover

Viene utilizzato per convertire il modale del calendario in popover sul grande schermo.

onlyOnPopover

Se è abilitato, il calendario viene sempre aperto in popover.

cssClass

Se è abilitato, il calendario viene sempre aperto in popover.

closeByOutsideClick

Se è abilitato, il selettore verrà chiuso quando si fa clic al di fuori del selettore.

toolbar

Abilita la barra degli strumenti modale del calendario.

toolbarCloseText

È il testo per il pulsante di chiusura della barra degli strumenti.

toolbarTemplate

È il modello HTML della barra degli strumenti. È una stringa HTML per impostazione predefinita, con il modello sottostante -

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

value

È l'array con le date iniziali selezionate.

disabled

Sono le date disabilitate aggiuntive.

events

Sono le date con gli eventi e saranno contrassegnate con un punto nel giorno del calendario.

rangesClasses

Viene utilizzato per aggiungere una classe CSS personalizzata per uno stile aggiuntivo.

formatValue

È la funzione per formattare il valore di input e restituisce un valore di stringa nuovo / formattato. I valori sono un array costituito da elementi che rappresentano la data selezionata.

monthNames

È l'array con mesi interi.

monthNamesShort

È l'array con forma abbreviata per i nomi dei mesi.

dayNames

È l'array con i giorni della settimana.

dayNamesShort

È l'array con forma abbreviata per i nomi dei giorni della settimana.

updateValuesOnTouchmove

Aggiorna il selettore e i valori di input quando si tocca lo spostamento.

firstDay

È il primo giorno della settimana. Per impostazione predefinita, è 1 - lunedì.

weekendDays

È un array con il numero di indice dei giorni del fine settimana. Per impostazione predefinita, è sabato e domenica.

dateFormat

È il formato di data predefinito e di seguito sono riportate le espressioni disponibili:

• 'yyyy' - È l'anno a 4 cifre.

• 'yy' - È l'anno a 2 cifre.

• 'mm' - È il numero del mese a 2 cifre, ovvero da 01 a 12.

• 'm' - È il numero del mese da 1 a 12.

• "MM": è il nome completo del mese.

• 'M' - È la forma abbreviata del nome del mese.

• 'dd' - È il numero del giorno a 2 cifre, ovvero da 01 a 31.

• 'd' - È il numero del giorno da 1 a 31.

• "DD" - È il nome completo del giorno della settimana.

• 'D' - È l'abbreviazione del nome del giorno della settimana.

multiple

Ti consente di selezionare più date / valori.

rangePicker

Abilita questo per abilitare il selettore di intervallo.

direction

È la direzione del layout del mese che può essere orizzontale o verticale .

minDate

È la data minima consentita.

maxDate

È la data massima consentita.

touchmove

Se questa opzione è abilitata, le diapositive dei mesi del calendario seguono le dita durante lo spostamento del tocco.

animate

Consente la transizione tra i mesi.

closeOnSelect

Se è abilitato, il calendario verrà chiuso quando l'utente sceglie una data.

weekHeader

Rappresenta l'intestazione della settimana con una forma abbreviata dei giorni della settimana.

monthPicker

Se abilitato, visualizza il selettore del mese nella barra degli strumenti.

monthPickerTemplate

È il modello HTML per la selezione del mese. Per impostazione predefinita è il seguente:

<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 è abilitato, visualizza il selettore dell'anno nella barra degli strumenti.

yearPickerTemplate

È il modello HTML per la selezione degli anni. Per impostazione predefinita, è il seguente:

<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

È la funzione di callback che verrà eseguita quando il valore del selettore cambia. Accetta valori e array displayValues come parametri in cui ogni elemento rappresenta il valore / valore di visualizzazione della colonna correlata.

onMonthAdd

Sono le funzioni di callback che verranno eseguite quando l'elemento HTML del mese appena generato verrà aggiunto al calendario.

onDayClick

Questa funzione di callback verrà eseguita se l'utente fa clic su una data.

onMonthYearChangeStart

Questa funzione di callback verrà eseguita all'inizio della transizione a un altro mese / anno.

onMonthYearChangeEnd

Questa funzione di callback verrà eseguita alla fine della transizione a un altro mese / anno.

onOpen

Questa funzione di callback verrà eseguita all'apertura del selettore.

onClose

Questa funzione di callback verrà eseguita quando il selettore è chiuso.