Comment créer un meilleur sélecteur de date dans les formulaires Pardot3 minutes de lecture
31 mars 2020 ->
Vous voulez pouvoir restreindre la plage de dates d’un sélecteur de dates dans vos formulaires Pardot? Le sélecteur de date par défaut avec Pardot ne fournit pas cette option, mais avec quelques lignes de JavaScript, vous pouvez améliorer la fonctionnalité du sélecteur de date. Dans ce didacticiel, je vais vous montrer comment utiliser le jQuery UI sélecteur de date dans votre formulaire Pardot.
Étape 1: ajoutez le champ à votre formulaire
Ajoutez le champ à votre formulaire. Étant donné que nous n’utiliserons pas le sélecteur de date par défaut laissez le type comme TEXT.
Étape 2: ajoutez le JavaScipt à votre formulaire
Dans l’éditeur de formulaire, accédez à étape # 3 – look & feel et cliquez sur le sous le formulaire section. Copiez et collez ce JavaScript dans l’éditeur HTML.
1 2 3 4 5 6 7 8 9 dix 11 12 13 14 15 16 17 18 19 | ="https://code.jquery.com/jquery-1.12.4.js">
="https://code.jquery.com/ui/1.12.1/jquery-ui.js"> $( function() { // update YOURDATEFIELDNAME with the name of your date field $( "p.YOURDATEFIELDNAME input" ).datepicker({ // Update minDate with how far back the date picker should go minDate: 0, // Update maxDate with how far in the future the date picker should go maxDate: "+1M", // This formats the date so it's valid within Salesforce/Pardot dateFormat: "yy-mm-dd" }); }); |
Étape 3: modifier le script
Il y a quelques changements que vous devez apporter au script pour qu’il fonctionne avec votre formulaire:
- Mise à jour YOURDATEFIELDNAME avec le Nom de votre champ Pardot qui devrait lancer le sélecteur de date.
- Mise à jour minDate avec le nombre de jours passés, l’utilisateur devrait pouvoir voir et sélectionner. Par exemple, «0» n’afficherait aucune date dans le passé. « -20 » permettrait à l’utilisateur de sélectionner jusqu’à 20 jours dans le passé.
- Mise à jour maxDate avec le nombre de jours à venir, l’utilisateur devrait pouvoir sélectionner. Par exemple, « + 1M » permettrait à l’utilisateur de sélectionner une date qui est d’un mois dans le futur.
Étape 4:
Enregistrez et testez! Votre sélecteur de date doit ressembler à celui ci-dessous et si vous remplissez le formulaire, la date doit être remplie dans Pardot au format aaaa-mm-jj.
Des questions?
Envoyez-moi un tweet @jennamolbyou laissez un commentaire ci-dessous.