Gestion des dates dans les formulaires

Lorsque vous utilisez le composant Date/Heure (Date/Time ), vous pouvez définir une date minimale ou maximale, ainsi que restreindre la sélection de dates spécifiques par l'utilisateur.

Suppression de dates de la sélection de l'utilisateur

Pour le composant Date/Heure (Date/Time ), vous pouvez rendre une ou plusieurs dates spécifiques non disponibles à la sélection dans le formulaire, à l'aide de la propriété Désactiver les dates ou dates spécifiques par plage (Disable specific dates or dates by range ).

Pour supprimer des dates ou des plages de dates spécifiques de la sélection de l'utilisateur, suivez les étapes ci-dessous :

1. Accédez à l'onglet Date du composant.
2. À l'aide des informations sous Dates désactivées personnalisées ( Custom Disabled Dates), écrivez les dates que vous souhaitez supprimer, dans les formats spécifiés.
3. En outre, si vous souhaitez désactiver les jours de la semaine ou les week-ends, vous pouvez cocher les cases correspondantes.

Définir une date relative

Pour définir une date minimale ou maximale relative dans un composant Jour/Heure , vous pouvez utiliser la bibliothèque JavaScript Moment.js. Cette bibliothèque est déjà incluse et vous pouvez l'utiliser dans vos formulaires.

Par exemple, pour définir la date minimale 10 jours avant la date actuelle, procédez comme suit :

1. Accédez à l'onglet Validation du composant Jour/Heure (Day/Time ).
2. Sélectionnez Utiliser l'entrée pour ajouter moment.js pour minDate.
3. Dans le champ Date minimale ( Minimum Date ), saisissez moment().substract(10,'days').

Pour définir la date maximale 10 jours après la date actuelle, procédez comme suit :

1. Sélectionnez Utiliser l'entrée pour ajouter moment.js pour maxDate.
2. Dans le champ Date maximale ( Maximum Date ), saisissez moment().add(10,'days').