### [Come cambiare la posizione del popup del Date Picker](https://wpforms.com/developers/how-to-change-the-position-of-the-date-picker-popup/) **Pubblicato:** 26 novembre 2021 **Autore:** Team Editoriale **Estratto:** Questo tutorial ti guiderà attraverso i passaggi su come cambiare facilmente la posizione del popup del Date Picker per farlo apparire sopra il campo del modulo anziché sotto. **Contenuto:** ## Introduzione Vorresti personalizzare la posizione del popup del campo **Date Picker** utilizzando un semplice snippet? Per impostazione predefinita, il popup si adatta dinamicamente in base alla posizione del campo e alla barra di scorrimento della pagina. Questo tutorial ti guiderà attraverso il processo, offrendo istruzioni passo passo su come impostare la posizione del popup in modo permanente utilizzando uno snippet. ## Creazione del modulo Iniziamo creando il nostro modulo e incorporando due campi modulo per il date picker. Dopo aver aggiunto i campi modulo **Date**, vai alla scheda **Avanzate** e scegli **Date Picker** dal menu a discesa **Date**.  Se hai bisogno di aiuto nella creazione del tuo modulo, [rivedi questa documentazione](https://wpforms.com/docs/creating-first-form/ "Come creare il tuo primo modulo"). ## Aggiunta dello snippet Successivamente, dovrai aggiungere un piccolo snippet di codice al tuo sito per cambiare la posizione del popup. Se non sei sicuro di come aggiungere snippet al tuo sito, [dai un'occhiata a questo tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Come aggiungere PHP o JavaScript personalizzato per WPForms"). #### Per tutti i moduli Usa questo snippet per tutti i date picker di WPForms sul tuo sito. ``` /** * Cambia la posizione del popup del date picker * * @link https://wpforms.com/developers/how-to-change-the-position-of-the-date-picker-popup/ */ function wpf_move_datepicker_placement() { ?> **Categorie:** Tutorial **Tag:** Campo Data e Ora, Javascript, JS ---