### [Come Usare la Logica Condizionale con un Selettore di Data](https://wpforms.com/developers/how-to-use-conditional-logic-with-a-date-picker/) **Pubblicato:** 21 marzo 2023 **Autore:** Umair Majeed **Estratto:** Questo tutorial ti mostrerà come usare la Logica Condizionale con il tuo campo Selettore di Data usando JavaScript per mostrare e nascondere i campi del modulo in base alla data nel campo Selettore di Data. **Contenuto:** Vuoi mostrare o nascondere i campi del modulo in base all'età di un utente? Combinando il campo Selettore di Data di WPForms con la logica condizionale personalizzata, puoi creare moduli dinamici che si adattano all'input dell'utente. Questa guida ti mostrerà come visualizzare un campo a discesa solo quando l'utente indica di avere 21 anni o più, perfetto per contenuti soggetti a restrizioni di età, registrazioni di eventi o scenari simili. ## Impostazione del Tuo Modulo Per prima cosa, crea un modulo con questi campi: - Campo Nome - Campo Email - Campo Data (per Data di Nascita) - Campo a discesa (questo sarà inizialmente nascosto) Se hai bisogno di aiuto per creare il tuo modulo, consulta la nostra guida su [come creare il tuo primo modulo](https://wpforms.com/docs/creating-first-form/). ## Aggiunta della Classe CSS Poiché vogliamo che il campo **a discesa** sia nascosto al caricamento iniziale del modulo, dobbiamo aggiungere un nome di classe CSS. Per farlo, seleziona il campo **a discesa** nell'editor del tuo modulo e fai clic su **Avanzate**. Quindi, scorri fino a **Classi CSS** e inserisci `age-restriction`. Assicurati di fare clic su **Salva** sul modulo per preservare le tue modifiche. ## Utilizzo della Logica Condizionale per un campo Data Ora è il momento di aggiungere lo snippet di codice al tuo sito. Questo codice nasconderà prima il campo **a discesa** al caricamento del modulo. Quindi, ogni volta che il campo **Data di Nascita** cambia, calcolerà se l'utente ha 21 anni o più e mostrerà o nasconderà il campo a discesa di conseguenza. Ricorda di aggiornare questi valori nel codice: - L'ID del modulo (2575 nell'esempio) deve essere sostituito con il tuo ID modulo - L'ID del campo Selettore di Data (22 nell'esempio) deve essere sostituito con il tuo ID campo E questo è tutto ciò che ti serve per usare la Logica Condizionale con un campo selettore di data. Successivamente, vorresti cambiare la posizione del popup del selettore di data? Dai un'occhiata al nostro tutorial su [Come Cambiare la Posizione del Popup del Selettore di Data](https://wpforms.com/developers/how-to-change-the-position-of-the-date-picker-popup/ "Come Cambiare la Posizione del Popup del Selettore di Data"). ## Azione di Riferimento [wpforms\_wp\_footer\_end](https://wpforms.com/developers/wpforms_wp_footer_end/ "Utilizzo dell'azione wpforms_wp_footer_end") **Categorie:** Estensione **Tag:** Campo Data e Ora, Javascript, JS ---