Désactiver les heures passées dans le sélecteur d'heure

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

Dans ce tutoriel, nous vous montrerons comment désactiver les heures passées avec un extrait de code JavaScript personnalisé.

---

Création de votre formulaire

Tout d'abord, nous allons 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.

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

Ajout de l'extrait

Afin de désactiver automatiquement les heures passées, nous devrons ajouter un extrait de code à notre site. Avant de commencer, veuillez consulter ce tutoriel si vous avez besoin d'aide pour ajouter des extraits de code personnalisés dans WordPress.

L'extrait de code recherchera l'ID du formulaire 999 et ne sera appliqué qu'à l'ID du champ 8. En plus de désactiver les heures passées, il arrondira également afin que vous n'ayez pas de sélections d'heures comme 9:37 qui s'affichent comme option.

Vous devrez mettre à jour chaque instance de window.wpforms_999_8 pour qu'elle corresponde à vos propres ID de formulaire et de champ. Si vous avez besoin d'aide pour trouver ces ID, veuillez consulter ce tutoriel.

C'est tout ! Vous savez maintenant 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 d'heure du champ Date / Heure.

Articles associés

Référence d’action : wpforms_wp_footer_end