¿Desea deshabilitar las horas pasadas cuando usa el campo Fecha / Hora con WPForms? En su formulario, usted puede querer deshabilitar cualquier hora que ya haya pasado para el día, lo cual actualmente no es soportado por defecto en WPForms.
En este tutorial, le mostraremos cómo desactivar los tiempos pasados con un fragmento personalizado de JavaScript.
Creación del formulario
En primer lugar, empezaremos creando nuestro formulario y añadiendo nuestros campos, que incluirán al menos un campo Hora.
Si necesita ayuda para crear su formulario, consulte esta documentación.
Una vez que haya añadido el campo Hora, haga clic en la pestaña Avanzado y establezca su Intervalo. Para esta demostración, lo hemos fijado en 15 minutos.
Añadir el fragmento
Para desactivar automáticamente los tiempos pasados, necesitaremos añadir un fragmento de código a nuestro sitio. Antes de empezar, por favor revise este tutorial si necesita ayuda con la adición de fragmentos de código personalizado en WordPress.
El fragmento buscará el ID de formulario 999 y sólo se aplicará al ID de campo 8. Además de desactivar los tiempos pasados, también redondeará para que no aparezcan selecciones de tiempo como 9:37 como opción.
Tendrás que actualizar cada instancia de window.wpforms_999_8 para que coincida con tus propios IDs de formulario y campo. Si necesitas ayuda para encontrar esos ID, consulta este tutorial.
Ya está. Ahora ya sabe cómo desactivar las horas pasadas en el campo Fecha / Hora.
A continuación, ¿quiere crear también sus propios intervalos para el campo Hora? Echa un vistazo a nuestro tutorial sobre la creación de intervalos adicionales para el selector de tiempo del campo Fecha / Hora.
Relacionado
Acción de referencia: wpforms_wp_footer_end