Limitando Opções para o Campo de Data / Hora

Gostaria de restringir quais opções de data e hora podem ser selecionadas em seus formulários WordPress? Por exemplo, se seu escritório só abre das 9h às 17h, de segunda a sexta-feira, você pode querer impedir que os visitantes marquem um horário fora desses dias e horários.

Este tutorial mostrará como limitar as opções para o campo Data / Hora no WPForms.

Experimente esta Demonstração de Formulário!
Selecione uma data e hora para seu compromisso.

Antes de começar, você precisará garantir que o WPForms esteja instalado e ativado em seu site WordPress e que você tenha verificado sua licença. Em seguida, você pode criar um novo formulário ou editar um existente para acessar o construtor de formulários.

Adicionando um Campo de Data / Hora

Assim que o construtor de formulários estiver aberto, procure na seção Campos Elegantes para encontrar o campo Data / Hora. Simplesmente clique nele ou arraste e solte-o na área de visualização para adicioná-lo ao seu formulário.

Adicionar campo de data e hora

Limitando Datas e Horas Disponíveis

Para selecionar datas e horários específicos que os visitantes do seu site podem escolher em seus formulários, clique no campo Data / Hora na área de visualização para abrir suas Opções de Campo.

Clique no campo de data e hora para opções de campo

Em seguida, dentro do painel Opções de Campo, clique na aba Avançado para abrir as opções avançadas do campo.

Clique na aba avançada

Isso abrirá configurações adicionais que você pode personalizar, incluindo opções para Limitar Dias e Limitar Horas. Abordaremos ambas as opções nas seções a seguir.

Limitando a Data

Para limitar quais dias estão disponíveis para seus usuários escolherem, você precisará selecionar a opção Limitar Dias.

Habilitar opção de limitar dias

Isso abrirá uma lista de dias que você pode habilitar ou desabilitar em seus formulários. Certifique-se de marcar as caixas para os dias que você gostaria de permitir que seus usuários escolhessem e deixe quaisquer caixas desmarcadas para os dias que você gostaria de bloquear para seus usuários.

Marcar ou desmarcar dias

Desabilitando Datas Passadas

Além de selecionar quais dias da semana estão disponíveis para seus usuários escolherem, você também pode impedi-los de selecionar datas passadas em seus formulários. Para fazer isso, você só precisa selecionar a opção Desativar Datas Passadas.

Desabilitar datas passadas

Quando as datas são desativadas, elas aparecerão em cinza na parte frontal do seu site.

Datas passadas desabilitadas

Se você quiser personalizar ainda mais as opções de data, certifique-se de conferir nossa documentação do desenvolvedor para mais detalhes. Para ajudar a prevenir conflitos de código, certifique-se de desativar quaisquer limitações de data no construtor de formulários antes de adicionar qualquer código personalizado.

Limitando a Hora

Da mesma forma, você pode limitar quais horas estão disponíveis para seus usuários escolherem em seus formulários. Para fazer isso, você primeiro precisará selecionar a opção Limitar Horas.

Habilitar limite de horas

Após habilitar isso, você verá opções adicionais para configurar a Hora de Início e a Hora de Fim de suas horas. Para cada uma dessas configurações, você pode clicar no menu suspenso e selecionar as horas que gostaria de mostrar aos visitantes do seu site.

Se você quiser visualizar um modelo de formulário personalizável que exibe o recurso de limitação de campo de Data/Hora, confira nosso Modelo de Formulário de Reserva de Ingresso de Cinema.

Clique no menu suspenso de hora

No frontend do seu site, todos os horários disponíveis entre a Hora de Início e a Hora de Fim selecionadas estarão disponíveis para seus usuários escolherem.

Precisa desabilitar horários passados no Seletor de Horário para reservas de compromissos mais precisas? Certifique-se de conferir nossa documentação do desenvolvedor para mais informações.

Perguntas Frequentes

Estas são as respostas para algumas das principais perguntas que recebemos sobre como limitar as opções para o campo Data/Hora.

Como desabilito datas futuras ao usar a opção Seletor de Data?

Para desabilitar datas futuras, você precisará adicionar um trecho de código personalizado ao seu site WordPress. Abaixo está o trecho para adicionar ao seu site.

Se precisar de ajuda para adicionar trechos de código ao seu site, certifique-se de conferir nosso guia para saber como.

Observação: O trecho de código acima funcionará apenas para o ID do formulário 323 e o ID do campo 4. Para usar este código para diferentes formulários ou campos, você precisará atualizar esses números de ID no código. Veja nosso tutorial sobre como localizar o ID do formulário e o ID do campo para encontrar os IDs corretos para seus formulários.

Posso limitar o campo Data/Hora com base na entrada de outro campo?

Se você tiver 2 campos Data/Hora em seu formulário, poderá comparar ambas as datas para impedir que os usuários selecionem uma data anterior àquela no primeiro campo Data/Hora. Isso pode ser útil ao criar um formulário que permite aos usuários especificar a data do pedido e a data de retirada.

Para mais detalhes, certifique-se de conferir nosso guia para aprender como comparar 2 campos Data/Hora.

É isso! Acabamos de mostrar como limitar as opções para o campo Data/Hora no WPForms.

Em seguida, você gostaria de alterar a aparência do campo Data/Hora em seus formulários WordPress? Certifique-se de conferir nosso tutorial sobre personalização do campo Data/Hora para mais detalhes.

O Melhor Plugin Construtor de Formulários de Arrastar e Soltar para WordPress

Fácil, Rápido e Seguro. Junte-se a mais de 6 milhões de proprietários de sites que confiam no WPForms.