### [Désactiver les heures passées dans le sélecteur de date et d'heure](https://wpforms.com/developers/how-to-disable-past-times-on-the-time-picker/)

**Publié le :** 21 janvier 2022
**Auteur :** David Ozokoye

**Extrait :** Dans ce tutoriel, nous allons vous montrer comment désactiver les heures passées dans le champ de sélection de l'heure à l'aide de JavaScript. 

**Contenu :**

Souhaitez-vous désactiver les heures passées lorsque vous utilisez le champ Date / Heure avec WPForms ? Sur votre formulaire, vous souhaiterez peut-être désactiver toutes les heures déjà passées de la journée, ce qui n'est actuellement pas pris en charge par défaut dans WPForms.

 Dans ce tutoriel, nous allons vous montrer comment désactiver les heures passées à l'aide d'un snippet JavaScript personnalisé.

---

## Création de votre formulaire

Tout d'abord, nous allons commencer par créer notre formulaire et ajouter nos champs, qui comprendront au moins un champ **Heure**.

Si vous avez besoin d'aide pour créer votre formulaire, [veuillez consulter cette documentation](https://wpforms.com/docs/creating-first-form/ « Comment créer votre premier formulaire »).

Une fois que vous avez ajouté le champ **Heure**, cliquez sur l'onglet **Avancé** et définissez votre **Intervalle**. Pour cette démonstration, nous avons défini le nôtre sur **15 minutes**.

![Créez votre formulaire et ajoutez votre champ « Heure ». Vous devrez également définir l'intervalle](https://wpforms.com/wp-content/uploads/2022/01/add-time-field-wpforms.jpg)## Ajout du snippet

Afin de désactiver automatiquement les heures passées, nous devons ajouter un snippet à notre site. Avant de commencer, [consultez ce tutoriel](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ « Comment ajouter du code PHP ou JavaScript personnalisé pour WPForms ») si vous avez besoin d’aide pour ajouter des snippets de code personnalisés dans WordPress.

Le snippet recherchera l'ID de formulaire **999** et ne s'appliquera qu'au champ ID **8**. En plus de désactiver les heures passées, il arrondira également les heures afin que des sélections telles que **9:37** n'apparaissent pas comme option.

Vous devrez mettre à jour chaque occurrence de **window.wpforms\_999\_8** pour qu'elle corresponde aux identifiants de votre formulaire et de vos champs. Si vous avez besoin d'aide pour trouver ces identifiants, [consultez ce tutoriel](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/ « Comment localiser l'identifiant du formulaire et l'identifiant du champ »).

Et voilà ! Vous savez désormais comment désactiver les heures passées dans le champ Date / Heure.

Ensuite, souhaitez-vous également créer vos propres **intervalles** pour le champ **Heure** ? Consultez notre tutoriel sur la [création d'intervalles supplémentaires pour le sélecteur de date et d'heure du champ Date / Heure.](https://wpforms.com/developers/how-to-create-additional-intervals-for-the-date-time-field-time-picker/ « Comment créer des intervalles supplémentaires pour le sélecteur de date et d'heure du champ Date / Heure. »)

## Connexes

Référence des actions : [wpforms\_wp\_footer\_end](https://wpforms.com/developers/wpforms_wp_footer_end/ « Utilisation de l'action wpforms_wp_footer_end »)

**Catégories :** Tutoriels

**Mots-clés :** Javascript, JS

---