Disabilitare gli orari passati sul selezionatore orario

Volete disabilitare gli orari passati quando usate il campo Data/Ora con WPForms? Nel vostro modulo, potreste voler disabilitare gli orari che sono già passati per il giorno, cosa che attualmente non è supportata di default in WPForms.

In questa guida vi mostreremo come disabilitare i tempi passati con uno snippet JavaScript personalizzato.


Creazione del modulo

Per prima cosa, inizieremo a creare il nostro modulo e ad aggiungere i nostri campi, che includeranno almeno un campo Tempo.

Se avete bisogno di assistenza per creare il vostro modulo, consultate questa documentazione.

Una volta aggiunto il campo Tempo, fare clic sulla scheda Avanzate e impostare l'intervallo. Per questa demo, abbiamo impostato un intervallo di 15 minuti.

Creare il modulo e aggiungere il campo orario. è necessario impostare anche il livello di intervallo.

Aggiunta dello snippet

Per disabilitare automaticamente i tempi passati, dobbiamo aggiungere uno snippet al nostro sito. Prima di iniziare, vi invitiamo a leggere questo tutorial se avete bisogno di aiuto per aggiungere snippet di codice personalizzati in WordPress.

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

È necessario aggiornare ogni istanza di window.wpforms_999_8 in modo che corrisponda agli ID dei propri moduli e campi. Se avete bisogno di aiuto per trovare questi ID, consultate questa guida.

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

Poi, si desidera creare intervalli personalizzati per il campo Tempo? Consultate il nostro tutorial sulla creazione di intervalli aggiuntivi per il selezionatore temporale del campo Data/Ora.

Riferimento azione: wpforms_wp_footer_end