### [Cómo desactivar las horas pasadas en el selector de fecha y hora](https://wpforms.com/developers/how-to-disable-past-times-on-the-time-picker/)

**Publicado:** 21 de enero de 2022
**Autor:** David Ozokoye

**Resumen:** En este tutorial, te mostraremos cómo desactivar las horas pasadas en el campo del selector de hora utilizando JavaScript. 

**Contenido:**

¿Te gustaría desactivar las horas pasadas al utilizar el campo Fecha/Hora con WPForms? En tu formulario, es posible que desees desactivar cualquier hora del día que ya haya pasado, algo que actualmente no está habilitado de forma predeterminada en WPForms.

 En este tutorial, te mostraremos cómo desactivar las horas pasadas con un fragmento de código JavaScript personalizado.

---

## Creación de tu formulario

En primer lugar, comenzaremos creando nuestro formulario y añadiendo los campos, entre los que se incluirá al menos un campo **Hora**.

Si necesitas ayuda para crear tu formulario, [consulta esta documentación](https://wpforms.com/docs/creating-first-form/ «Cómo crear tu primer formulario»).

Una vez que hayas añadido el campo **Hora**, haz clic en la pestaña **Avanzado** y configura tu **Intervalo**. Para esta demostración, lo hemos establecido en **15 minutos**.

![crea tu formulario y añade el campo de hora. También tendrás que configurar el nivel de intervalo](https://wpforms.com/wp-content/uploads/2022/01/add-time-field-wpforms.jpg)## Añadir el fragmento de código

Para desactivar automáticamente las horas pasadas, tendremos que añadir un fragmento de código a nuestro sitio. Antes de empezar, [consulta este tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ «Cómo añadir PHP o JavaScript personalizados para WPForms») si necesitas ayuda para añadir fragmentos de código personalizados en WordPress.

El fragmento de código buscará el ID del formulario **999** y solo se aplicará al campo con ID **8**. Además de desactivar las horas pasadas, también redondeará hacia arriba para que no aparezcan opciones de selección de hora como **9:37**.

Tendrás que actualizar cada instancia de **window.wpforms\_999\_8** para que coincida con los ID de tu propio formulario y campo. Si necesitas ayuda para encontrar esos ID, [consulta este tutorial](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/ «Cómo localizar el ID del formulario y el ID del campo»).

¡Eso es todo! Ahora ya sabes cómo desactivar las horas pasadas en el campo Fecha/Hora.

A continuación, ¿te gustaría crear también tus propios **Intervalos** para el campo **Hora**? Echa un vistazo a nuestro tutorial sobre [cómo crear intervalos adicionales para el selector de hora del campo Fecha/Hora](https://wpforms.com/developers/how-to-create-additional-intervals-for-the-date-time-field-time-picker/ «Cómo crear intervalos adicionales para el selector de hora del campo Fecha/Hora»).

## Relacionado

Referencia de acciones: [wpforms\_wp\_footer\_end](https://wpforms.com/developers/wpforms_wp_footer_end/ «Uso de la acción wpforms_wp_footer_end»)

**Categorías:** Tutoriales

**Etiquetas:** Javascript, JS

---