Ajoute un champ de sélection de date à votre formulaire.

Ajouter un champ Datepicker à un formulaire Forminator

Étiquettes de sélection de date

Dans l’onglet Libellés, vous pouvez choisir entre trois types de calendrier différents.

  • Calendrier avec des dates sélectionnables
  • Liste déroulante pour le jour, le mois et l’année
  • Saisie de texte pour le jour, le mois et l’année

Vous pouvez modifier l’étiquette de champ, ajouter du texte d’espace réservé et afficher une icône de calendrier (calendrier uniquement) ou ajouter une description personnalisée.

Sélectionnez le format de calendrier dans un champ Forminator Datepicker

Vous pouvez également sélectionner le format de sortie spécifique des dates en utilisant l’un des préréglages disponibles:

  • Y-m-d – ex: 2020-12-31
  • m-d-Y – ex: 12-31-2020
  • d-m-Y – ex: 31-12-2020
  • Y/m/d – ex: 2020/12/31
  • m/d/Y – ex: 12/31/2020
  • d/m/Y – ex: 31/12/2020
  • Y.m.d – ex: 2020.12.31
  • m.d.Y – ex: 12.31.2020
  • d.m.Y – ex: 31.12.2020

Les options de liste déroulante et de saisie de texte vous permettent également de personnaliser les étiquettes de champ et les espaces réservés (saisie de texte uniquement).

Options d'étiquette de champ dans le champ Forminator Datepicker

Vous trouverez ci-dessous des exemples de l’apparence de chaque option de type de calendrier dans votre formulaire.

Format de calendrier par défaut dans un champ Forminator Datepicker
Champ Datepicker au format Calendrier
Format des listes déroulantes dans un champ Forminator Datepicker
Champ Datepicker au format Dropdowns
Format de saisie de texte dans un champ Forminator Datepicker
Champ Datepicker avec format d’entrée de texte

Paramètres du sélecteur de date

Si vous sélectionnez le calendrier ou Dropdowns comme type de datepicker, vous pouvez définir une date par défaut à afficher dans le champ DatePicker. Sélectionnez Aujourd’hui ou entrez une date future ; sélectionnez Aucun si vous ne souhaitez pas qu’une date par défaut apparaisse dans le sélecteur de date.

Définir une date par défaut dans le champ Forminator Datepicker

Limites de Datepicker

Lorsque vous sélectionnez le type de calendrier, vous pouvez spécifier des plages de dates, des dates spécifiques ou des jours de la semaine disponibles ou indisponibles dans le champ de sélection de date.

Date de début et de fin

  • Aucune limite – Sélectionnez cette option pour que l’année civile commence et se termine 100 ans avant et après l’année en cours.
  • Date spécifique – Sélectionnez la date à laquelle vous souhaitez que le sélecteur de date commence ou se termine.
  • Aujourd’hui – Sélectionnez cette option pour que la date du jour soit utilisée comme date de début ou de fin du sélecteur de date. Vous pouvez également décaler à partir de la date d’aujourd’hui n’importe quel nombre de jours, de mois ou d’années, en avant ou en arrière.

Définissez les dates de début et de fin dans le champ Forminator Datepicker

Jours de la semaine

  • Tous les jours – Lorsque cette option est sélectionnée, tous les jours de la semaine peuvent être sélectionnés dans le champ du sélecteur de date.
  • Jours sélectionnés – Vous permet de spécifier les jours de la semaine qui doivent être disponibles pour la sélection.

Définir les jours de la semaine disponibles dans le champ Forminator Datepicker

Désactiver les dates ou les plages de dates

Ces options vous permettent de saisir des dates spécifiques ou des plages de dates entières qui ne devraient pas être disponibles pour la sélection dans votre calendrier de sélection de dates.

Désactiver les dates ou les plages de dates dans le champ Forminator Datepicker