Resumo de IA
Gostaria de desativar horários anteriores ao usar o campo Data / Hora com o WPForms? No seu formulário, pode querer desativar quaisquer horários que já passaram no dia, o que atualmente não é suportado por defeito no WPForms.
Neste tutorial, vamos mostrar-lhe como desativar horários anteriores com um trecho de JavaScript personalizado.
Criar o Seu Formulário
Primeiro, começaremos por criar o nosso formulário e adicionar os nossos campos, que incluirão pelo menos um campo de Hora.
Se precisar de alguma assistência na criação do seu formulário, por favor, consulte esta documentação.
Depois de adicionar o campo de Hora, clique no separador Avançado e defina o seu Intervalo. Para esta demonstração, definimos o nosso para 15 minutos.
Adicionar o Trecho
Para desativar automaticamente os horários anteriores, precisaremos de adicionar um trecho ao nosso site. Antes de começar, por favor, consulte este tutorial se precisar de ajuda para adicionar trechos de código personalizados no WordPress.
O trecho procurará o ID do formulário 999 e só será aplicado ao ID do campo 8. Além de desativar os horários anteriores, também arredondará para cima para que não veja seleçõ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 campo. Se precisar de ajuda para encontrar esses IDs, por favor, consulte este tutorial.
É tudo! Agora sabe como desativar horários anteriores no campo Data / Hora.
Em seguida, gostaria também de criar os seus próprios Intervalos para o campo Hora? Consulte o nosso tutorial sobre criação de intervalos adicionais para o seletor de horas do campo Data / Hora.
Relacionado
Referência de Ação: wpforms_wp_footer_end