container

C'est l'endroit où le HTML de calendrier généré est placé. Il n'est utilisé que pour les sélecteurs en ligne.

input

C'est la chaîne ou HTMLElement avec l'élément d'entrée associé.

scrollToInput

C'est la fenêtre de défilement à saisir lors de l'ouverture du calendrier.

inputReadOnly

Il est utilisé pour définir l' attribut en lecture seule sur certaines entrées.

convertToPopover

Il est utilisé pour convertir le calendrier modal en popover sur grand écran.

onlyOnPopover

S'il est activé, le calendrier est toujours ouvert en popover.

cssClass

S'il est activé, le calendrier est toujours ouvert en popover.

closeByOutsideClick

Si cette option est activée, le sélecteur sera fermé lorsque vous cliquez en dehors du sélecteur.

toolbar

Il active la barre d'outils modale du calendrier.

toolbarCloseText

C'est le texte du bouton de fermeture de la barre d'outils.

toolbarTemplate

C'est le modèle HTML de la barre d'outils. C'est une chaîne HTML par défaut, avec le modèle ci-dessous -

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

value

C'est le tableau avec les dates sélectionnées initiales.

disabled

Ce sont les dates de désactivation supplémentaires.

events

Ce sont les dates avec les événements et seront marquées d'un point le jour du calendrier.

rangesClasses

Il est utilisé pour ajouter une classe CSS personnalisée pour un style supplémentaire.

formatValue

C'est la fonction pour formater la valeur d'entrée et renvoie une nouvelle valeur de chaîne formatée. Les valeurs sont un tableau composé d'un élément représentant la date sélectionnée.

monthNames

C'est le tableau avec des mois complets.

monthNamesShort

C'est le tableau avec la forme courte des noms de mois.

dayNames

C'est le tableau avec les jours de la semaine.

dayNamesShort

C'est le tableau avec la forme abrégée des noms de jours de la semaine.

updateValuesOnTouchmove

Il met à jour le sélecteur et les valeurs d'entrée lorsque vous touchez le mouvement.

firstDay

C'est le premier jour de la semaine. Par défaut, il est 1 - lundi.

weekendDays

C'est un tableau avec le nombre d'index des jours de week-end. Par défaut, c'est samedi et dimanche.

dateFormat

C'est le format de date par défaut et ci-dessous sont les expressions disponibles -

• 'yyyy' - Il s'agit de l'année à 4 chiffres.

• 'yy' - Il s'agit de l'année à 2 chiffres.

• 'mm' - C'est le numéro du mois à 2 chiffres, c'est-à-dire de 01 à 12.

• 'm' - C'est le numéro du mois de 1 à 12.

• «MM» - C'est le nom complet du mois.

• «M» - C'est la forme abrégée du nom du mois.

• 'jj' - C'est le numéro du jour à 2 chiffres, c'est-à-dire de 01 à 31.

• 'd' - C'est le numéro du jour de 1 à 31.

• «DD» - C'est le nom complet du jour de la semaine.

• «D» - C'est la forme abrégée du nom du jour de la semaine.

multiple

Il vous permet de sélectionner plusieurs dates / valeurs.

rangePicker

Activez cette option pour activer le sélecteur de plage.

direction

C'est la direction de mise en page du mois qui peut être horizontale ou verticale .

minDate

C'est la date minimale autorisée.

maxDate

C'est la date maximale autorisée.

touchmove

Si cette option est activée, les diapositives des mois calendaires suivent les doigts pendant le déplacement tactile.

animate

Il permet la transition entre les mois.

closeOnSelect

S'il est activé, le calendrier sera fermé lorsque l'utilisateur choisira une date.

weekHeader

Il représente l'en-tête de la semaine sous forme abrégée de jours de semaine.

monthPicker

Si activé, affichez le sélecteur de mois dans la barre d'outils.

monthPickerTemplate

C'est le modèle HTML du sélecteur de mois. Par défaut, c'est comme suit -

<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

S'il est activé, affiche le sélecteur d'année dans la barre d'outils.

yearPickerTemplate

C'est le modèle HTML du sélecteur d'année. Par défaut, c'est comme suit -

<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

C'est la fonction de rappel qui sera exécutée lorsque la valeur du sélecteur change. Il accepte des valeurs et des tableaux displayValues en tant que paramètres où chaque élément représente la valeur / valeur d'affichage de la colonne associée.

onMonthAdd

Ce sont les fonctions de rappel qui seront exécutées lorsque l'élément HTML du mois nouvellement généré sera ajouté au calendrier.

onDayClick

Cette fonction de rappel sera exécutée si l'utilisateur clique sur une date.

onMonthYearChangeStart

Cette fonction de rappel sera exécutée au début de la transition vers un autre mois / année.

onMonthYearChangeEnd

Cette fonction de rappel sera exécutée à la fin de la transition vers un autre mois / année.

onOpen

Cette fonction de rappel sera exécutée à l'ouverture du sélecteur.

onClose

Cette fonction de rappel sera exécutée lorsque le sélecteur est fermé.