J'ai deux champs sur un site pour permettre aux utilisateurs de choisir une date pour récupérer et rendre un véhicule de location.
J'ai besoin d'un espace réservé dans les deux champs pour indiquer les informations requises dans chaque champ.
J'ai suivi les conseils officiels ici , en faisant ce qui suit:
<input type="date" name="FromDate" value="" class="wpcf7-form-control wpcf7-date wpcf7-validates-as-required wpcf7-validates-as-date" aria-required="true" aria-invalid="false" placeholder="Start Date">
Cependant, le résultat est simplement la date vide.
L'espace réservé est également présent dans le code HTML produit:
[date* FromDate placeholder "Start Date"] [date* ToDate placeholder "Return Date"]
3 Réponses :
Ajoutez ceci:
<input type="text" onfocus="(this.type='date')" onblur="(this.type='text')" name="FromDate" value="" class="wpcf7-form-control wpcf7-date wpcf7-validates-as-required wpcf7-validates-as-date" aria-required="true" aria-invalid="false" placeholder="Start Date">
Merci, comment pourrais-je ajouter cela au shortcode?
Lors de l'édition du formulaire via l'interface Contact form 7, vous pouvez simplement remplacer la balise [date ...] générée par ce html directement.
La réponse de "Dino" (12 février 19) fonctionne très bien. Vous devrez changer le nom = "INSERTMAILDATENAME" en nom de votre datepickers. Dans mon cas, le champ a été remplacé par name = "your-date". Après avoir apporté cette modification, cela fonctionne très bien. : o)
Ceci est juste une mise à jour.
Utilisation de ceci:
<input type="text" onfocusin="(this.type='date')" onfocusout="(this.type='text')" name="FromDate" value="" class="wpcf7-form-control wpcf7-date wpcf7-validates-as-required wpcf7-validates-as-date" aria-required="true" aria-invalid="false" placeholder="Start Date">
Échoue en quittant l'entrée ie onblur
Le code qui a fonctionné pour moi est:
<input type="text" onfocus="(this.type='date')" onblur="(this.type='text')" name="FromDate" value="" class="wpcf7-form-control wpcf7-date wpcf7-validates-as-required wpcf7-validates-as-date" aria-required="true" aria-invalid="false" placeholder="Start Date">
Je pense que la propriété onfocusout était la seule solution en raison de sa propriété bouillonnante.
Reportez-vous à contactform7.com/date-field . Il explique comment ajouter des espaces réservés dans le
champ de date.@ user2584538 Désolé s'il me manque complètement, mais je pense que cette page fait simplement référence à la page que j'ai liée ci-dessus et qui ne fonctionne pas pour moi?
Cette référence a le code complet
[date * your-date min: 2013-01-01 max: 2013-12-31 step: 7 class: required "2013-04-01"]@ user2584538 Encore une fois, je ne comprends peut-être pas - mais cela ne semble pas créer un espace réservé. Si je copie et colle ce code exact, cela ne fait que définir des restrictions sur les dates pouvant être sélectionnées.
"2013-04-01"ceci est le texte d'espace réservé de l'extrait de code ci-dessus. Ignorez ce que vous ne voulez pas commeminet / oumax.@ user2584538 Ahh je vois ce que tu veux dire. Dans la question que j'ai mentionnée, je voulais «Date de début» comme espace réservé, mais votre suggestion serait simplement de définir une date comme espace réservé.