Desativar tempos passados no seletor de tempo

Gostaria de desativar as horas passadas quando utiliza o campo Data / Hora com WPForms? No seu formulário, pode querer desativar quaisquer horas que já tenham passado para o dia, o que atualmente não é suportado por defeito no WPForms.

Neste tutorial, vamos mostrar-lhe como desativar os tempos passados com um snippet JavaScript personalizado.


Criar o seu formulário

Primeiro, começamos por criar o nosso formulário e adicionar os nossos campos, que incluirão pelo menos um campo Tempo.

Se precisar de ajuda para criar o seu formulário, consulte esta documentação.

Depois de ter adicionado o campo Tempo, clique no separador Avançado e defina o seu Intervalo. Para esta demonstração, definimos o nosso para 15 minutos.

crie o seu formulário e adicione o seu campo de tempo. também terá de definir o nível de intervalo

Adicionar o snippet

Para desativar automaticamente os tempos passados, precisamos de adicionar um snippet ao nosso site. Antes de começar, reveja este tutorial se precisar de ajuda para adicionar snippets de código personalizados no WordPress.

O snippet procurará o ID de formulário 999 e só será aplicado ao ID de campo 8. Para além de desativar as horas passadas, também arredonda para cima, para que não apareçam selecções de hora como 9:37 como opção.

Terá de atualizar cada instância de window.wpforms_999_8 para corresponder aos seus próprios IDs de formulário e de campo. Se precisar de ajuda para encontrar essas IDs, consulte este tutorial.

É isso mesmo! Agora já sabe como desativar as horas passadas no campo Data / Hora.

A seguir, gostaria de criar também os seus próprios intervalos para o campo Hora? Consulte o nosso tutorial sobre a criação de intervalos adicionais para o seletor de tempo do campo Data/Hora.

Referência da ação: wpforms_wp_footer_end