### [Desativando horários passados no seletor de data e hora](https://wpforms.com/developers/how-to-disable-past-times-on-the-time-picker/)

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

**Resumo:** Neste tutorial, mostraremos como desativar horários passados no campo de seleção de data e hora usando JavaScript. 

**Conteúdo:**

Gostaria de desativar horários passados ao usar o campo Data/Hora com o WPForms? No seu formulário, talvez você queira desativar quaisquer horários que já tenham passado naquele dia, o que atualmente não é suportado por padrão no WPForms.

 Neste tutorial, mostraremos como desativar horários passados com um trecho de código JavaScript personalizado.

---

## Criando seu formulário

Primeiro, começaremos criando nosso formulário e adicionando nossos campos, que incluirão pelo menos um campo **Hora**.

Se precisar de ajuda para criar seu formulário, [consulte esta documentação](https://wpforms.com/docs/creating-first-form/ "Como criar seu primeiro formulário").

Depois de adicionar o campo **Hora**, clique na guia **Avançado** e defina seu **Intervalo**. Para esta demonstração, definimos o nosso para **15 minutos**.

![Crie seu formulário e adicione o campo de tempo. Você também precisará definir o nível de intervalo](https://wpforms.com/wp-content/uploads/2022/01/add-time-field-wpforms.jpg)## Adicionando o snippet

Para desativar automaticamente horários passados, precisaremos adicionar um snippet ao nosso site. Antes de começar, [consulte este tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Como adicionar PHP ou JavaScript personalizado para o WPForms") se precisar de ajuda para adicionar trechos de código personalizados no WordPress.

O snippet procurará o ID do formulário **999** e será aplicado apenas ao campo com ID **8**. Além de desativar horários passados, ele também arredondará para cima, para que você não tenha seleções de horário como **9:37** aparecendo como opção.

Você precisará atualizar cada instância de **window.wpforms\_999\_8** para corresponder aos IDs do seu próprio formulário e campo. Se precisar de ajuda para encontrar esses IDs, [consulte este tutorial](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/ "Como localizar o ID do formulário e o ID do campo").

É isso! Agora você sabe como desativar horários passados no campo Data/Hora.

Em seguida, você gostaria de criar também seus próprios **Intervalos** para o campo **Hora**? Confira nosso tutorial sobre [como criar intervalos adicionais para o seletor de hora do campo Data/Hora.](https://wpforms.com/developers/how-to-create-additional-intervals-for-the-date-time-field-time-picker/ "Como criar intervalos adicionais para o seletor de hora do campo Data/Hora.")

## Relacionado

Referência de ação: [wpforms\_wp\_footer\_end](https://wpforms.com/developers/wpforms_wp_footer_end/ "Usando a ação wpforms_wp_footer_end")

**Categorias:** Tutoriais

**Tags:** Javascript, JS

---