### [Comment créer des formats supplémentaires pour le champ Date](https://wpforms.com/developers/how-to-create-additional-formats-for-the-date-field/)
**Publié le :** 14 octobre 2019
**Auteur :** Umair Majeed
**Extrait :** Ce tutoriel vous guidera dans la création de formats supplémentaires pour le champ de formulaire Date lors de l'utilisation du sélecteur de date.
**Contenu :**
Souhaitez-vous personnaliser l'apparence des dates dans vos formulaires ? Bien que WPForms propose trois formats de date par défaut dans le sélecteur de date du champ Date/Heure, vous pouvez facilement en ajouter d'autres pour répondre à vos besoins.
Ce guide vous montrera comment créer des formats de date personnalisés à l'aide de PHP.
Par défaut, le sélecteur de date du champ **Date/Heure** propose trois formats de date différents parmi lesquels choisir.
## Configuration des formats de date personnalisés
Pour ajouter de nouveaux formats de date, vous devrez ajouter un extrait de code à votre site. Si vous ne savez pas comment ajouter du code personnalisé, veuillez consulter notre [guide sur la façon d'ajouter des extraits de code](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/).
```
/**
* Ajouter des formats supplémentaires pour le sélecteur de date du champ Date
*
* @link https://wpforms.com/developers/how-to-create-additional-formats-for-the-date-field/
*/
function wpf_dev_date_field_formats( $formats ) {
// La clé de l'élément est le caractère de date JS - voir https://flatpickr.js.org/formatting/
// La valeur de l'élément est au format PHP - voir http://php.net/manual/en/function.date.php
// Ajoute un nouveau format Lundi, 20 décembre 2021
$formats[ 'l, J F Y' ] = 'l, jS F Y';
return $formats;
}
add_filter( 'wpforms_datetime_date_formats', 'wpf_dev_date_field_formats', 10, 1 );
```
Ce format de date nous permettra de saisir la date complète dans un format plus long **Lundi, 20 décembre 2021**. Pour trouver d'autres formats comme celui-ci, consultez la [documentation officielle des formats PHP](https://www.php.net/manual/en/function.date.php).
Toutes les dates sont stockées sous forme de timestamps UNIX aux côtés du format lisible. Bien que la plupart des formats de date fonctionnent de manière transparente, certains formats complexes peuvent affecter la capacité de PHP à créer correctement le timestamp.
## Utilisation de séparateurs personnalisés
Pour modifier le séparateur de date (par exemple, de / à -), utilisez ce code :
```
/**
* Modifier le format du séparateur de date
*/
function wpf_dev_date_field_formats( $formats ) {
// Ajoute un nouveau format 24-07-2021
$formats[ 'j-m-y' ] = 'j-m-y';
return $formats;
}
add_filter( 'wpforms_datetime_date_formats', 'wpf_dev_date_field_formats', 10, 1 );
```
## Ajout de mots aux formats de date
Pour inclure des mots dans votre format de date (comme « Lundi, 20 de décembre 2021 »), utilisez ce code :
```
/**
* Ajouter des mots au format de date
*/
function wpf_dev_date_field_formats( $formats ) {
// Ajoute un nouveau format Lundi, 20 de décembre 2021
$formats[ 'l, J \of F Y' ] = 'l, jS \of F Y';
return $formats;
}
add_filter( 'wpforms_datetime_date_formats', 'wpf_dev_date_field_formats', 10, 1 );
```
## Création du formulaire
Ensuite, nous allons créer notre formulaire et ajouter nos champs. Cela comprendra un champ de formulaire **Date/Heure**.
Si vous avez besoin d'aide pour créer un formulaire, [veuillez consulter cette documentation](https://wpforms.com/docs/creating-first-form/ "Comment créer votre premier formulaire").
Une fois que vous avez ajouté votre champ de formulaire **Date/Heure**, cliquez sur l'onglet **Options du champ** et sélectionnez **Avancé** pour sélectionner le **Format** et choisir votre nouveau format.
Et c'est tout ce dont vous avez besoin pour créer des formats de date supplémentaires pour le sélecteur de date de votre champ **Date**. Souhaitez-vous également personnaliser le sélecteur d'heure ? Veuillez consulter notre tutoriel sur [Comment personnaliser le sélecteur d'heure du champ Date/Heure](https://wpforms.com/developers/customize-the-date-time-field-time-picker/ "Comment personnaliser le sélecteur d'heure du champ Date/Heure").
## Filtre de référence
Référence du filtre : [wpforms\_datetime\_date\_formats](https://wpforms.com/developers/wpforms_datetime_date_formats/ "Utilisation du filtre wpforms_datetime_date_formats")
**Catégories :** Champs
**Tags :** Champ Date Heure, PHP
---