Resumen de IA
¿Te gustaría deshabilitar las horas pasadas al usar el campo Fecha / Hora con WPForms? En tu formulario, es posible que desees deshabilitar cualquier hora que ya haya pasado para el día, lo cual no está soportado por defecto en WPForms.
En este tutorial, te mostraremos cómo deshabilitar las horas pasadas con un fragmento de JavaScript personalizado.
Creación de su formulario
Primero, comenzaremos creando nuestro formulario y añadiendo nuestros campos, que incluirán al menos un campo de Hora.
Si necesitas ayuda para crear tu formulario, revisa esta documentaci imesn.
Una vez que hayas añadido el campo de Hora, haz clic en la pestaña Avanzado y establece tu Intervalo. Para esta demostración, lo hemos establecido en 15 minutos.
Añadir el fragmento
Para deshabilitar automáticamente las horas pasadas, necesitaremos añadir un fragmento a nuestro sitio. Antes de empezar, por favor revisa este tutorial si necesitas ayuda para añadir fragmentos de código personalizados en WordPress.
El fragmento buscará el ID del formulario 999 y solo se aplicará al ID del campo 8. Además de deshabilitar las horas pasadas, también redondeará hacia arriba para que no aparezcan selecciones de hora como 9:37 como opción.
Necesitarás 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 IDs, por favor consulta este tutorial.
¡Eso es todo! Ahora sabes cómo deshabilitar las horas pasadas en el campo Fecha / Hora.
¿A continuación, te gustaría también crear tus propios Intervalos para el campo Hora? Consulta nuestro tutorial sobre cómo crear intervalos adicionales para el selector de hora del campo Fecha / Hora.
Relacionado
Referencia de acción: wpforms_wp_footer_end