Attenzione!

Questo articolo contiene codice JavaScript ed è destinato agli sviluppatori. Offriamo questo codice come cortesia, ma non forniamo supporto per personalizzazioni del codice o sviluppo di terze parti.

Per ulteriore assistenza, consulta il tutorial di WPBeginner su come aggiungere codice personalizzato.

Chiudi

Disabilitazione degli orari passati nell'indicatore di ora

Vuoi disabilitare gli orari passati quando usi il campo Data / Ora con WPForms? Sul tuo modulo, potresti voler disabilitare gli orari già trascorsi per la giornata, cosa che al momento non è supportata di default in WPForms.

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


Creazione del tuo modulo

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

Se hai bisogno di assistenza nella creazione del tuo modulo, consulta questa documentazione.

Una volta aggiunto il campo Ora, fai clic sulla scheda Avanzate e imposta il tuo Intervallo. Per questa demo, abbiamo impostato il nostro a 15 minuti.

crea il tuo modulo e aggiungi il tuo campo ora. dovrai anche impostare il livello dell'intervallo

Aggiunta dello Snippet

Per disabilitare automaticamente gli orari passati, dovremo aggiungere uno snippet al nostro sito. Prima di iniziare, esamina questo tutorial 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 da non ottenere selezioni di orari come 9:37 come opzione.

Dovrai aggiornare ogni istanza di window.wpforms_999_8 per corrispondere ai tuoi ID di modulo e campo. Se hai bisogno di aiuto per trovare questi ID, dai un'occhiata a questo tutorial.

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

Successivamente, vuoi anche creare i tuoi Intervalli personalizzati per il campo Ora? Dai un'occhiata al nostro tutorial su come creare intervalli aggiuntivi per il selettore di orari del campo Data / Ora.

Riferimento Azione: wpforms_wp_footer_end