### [Come disabilitare gli orari passati nel selettore di data e ora](https://wpforms.com/developers/how-to-disable-past-times-on-the-time-picker/)

**Pubblicato:** 21 gennaio 2022
**Autore:** David Ozokoye

**Estratto:** In questo tutorial vi mostreremo come disabilitare gli orari passati dal campo del selettore di data e ora utilizzando JavaScript. 

**Contenuto:**

Volete disabilitare gli orari passati quando utilizzate il campo Data / Ora con WPForms? Nel vostro modulo, potreste voler disabilitare tutti gli orari già trascorsi della giornata, cosa che attualmente non è supportata di default in WPForms.

 In questo tutorial vi mostreremo come disabilitare gli orari passati con uno snippet JavaScript personalizzato.

---

## Creazione del modulo

Per prima cosa, inizieremo creando il nostro modulo e aggiungendo i campi, che includeranno almeno un campo **Ora**.

Se hai bisogno di assistenza nella creazione del tuo modulo, [consulta questa documentazione](https://wpforms.com/docs/creating-first-form/ "Come creare il tuo primo modulo").

Una volta aggiunto il campo **Ora**, clicca sulla scheda **Avanzate** e imposta il tuo **Intervallo**. Per questa demo, abbiamo impostato il nostro su **15 minuti**.

![crea il tuo modulo e aggiungi il campo ora. Dovrai anche impostare il livello di intervallo](https://wpforms.com/wp-content/uploads/2022/01/add-time-field-wpforms.jpg)## Aggiunta dello snippet

Per disabilitare automaticamente gli orari passati, dovremo aggiungere uno snippet al nostro sito. Prima di iniziare, [consulta questo tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Come aggiungere PHP o JavaScript personalizzati per WPForms") se hai bisogno di aiuto per aggiungere snippet di codice personalizzati in WordPress.

Lo snippet cercherà l'ID del modulo **999** e verrà applicato solo all'ID del campo **8**. Oltre a disabilitare gli orari passati, arrotonderà anche per eccesso, in modo che non vengano visualizzate come opzioni selezioni di orario come **9:37**.

Dovrai aggiornare ogni istanza di **window.wpforms\_999\_8** in modo che corrisponda agli ID del tuo modulo e dei tuoi campi. Se hai bisogno di aiuto per trovare questi ID, [dai un'occhiata a questo tutorial](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/ "Come individuare l'ID del modulo e l'ID del campo").

Ecco fatto! Ora sai come disabilitare gli orari passati nel campo Data / Ora.

Successivamente, vorresti creare anche i tuoi **Intervalli** per il campo **Ora**? Dai un'occhiata al nostro tutorial su [come creare intervalli aggiuntivi per il selettore di ora del campo Data / Ora.](https://wpforms.com/developers/how-to-create-additional-intervals-for-the-date-time-field-time-picker/ "Come creare intervalli aggiuntivi per il selettore di ora del campo Data / Ora.")

## Correlati

Riferimento all'azione: [wpforms\_wp\_footer\_end](https://wpforms.com/developers/wpforms_wp_footer_end/ "Utilizzo dell'azione wpforms_wp_footer_end")

**Categorie:** Tutorial

**Tag:** Javascript, JS

---