Opções de limitação para o campo Data / Hora

Gostaria de restringir as opções de data e hora que podem ser selecionadas nos seus formulários WordPress? Por exemplo, se o seu escritório só está aberto das 9h às 17h, de segunda a sexta-feira, pode querer impedir que os visitantes marquem uma consulta fora desses dias e horas.

Este tutorial mostra-lhe como limitar as opções do campo Data / Hora no WPForms.

Active o JavaScript no seu browser para preencher este formulário.
Experimente esta demonstração de formulário!
Selecione uma data e hora para a sua marcação.

Antes de começar, primeiro precisa de se certificar de que o WPForms está instalado e ativado no seu site WordPress e que verificou a sua licença. Depois, pode criar um novo formulário ou editar um já existente para aceder ao construtor de formulários.

Adicionar um campo de data/hora

Quando o construtor de formulários estiver aberto, procure na secção Campos especiais para encontrar o campo Data / Hora. Basta clicar nele ou arrastá-lo e largá-lo na área de pré-visualização para o adicionar ao seu formulário.

Adicionar campo de data e hora

Limitação de datas e horários disponíveis

Para selecionar determinadas datas e horas que os visitantes do seu site podem escolher nos seus formulários, clique no campo Data / Hora na área de pré-visualização para abrir as Opções de Campo.

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

Em seguida, no painel Opções de campo, clique no separador Avançadas para abrir as opções avançadas do campo.

Clique no separador avançado

Isto abrirá definições adicionais que podem ser personalizadas, incluindo opções para Limitar dias e Limitar horas. Iremos analisar estas duas opções nas secções seguintes.

Limitar a data

Para limitar os dias que estão disponíveis para os seus utilizadores escolherem, terá de selecionar a opção Limitar dias.

Ativar a opção de dias limite

Isto abrirá uma lista de dias que pode ativar ou desativar nos seus formulários. Certifique-se de que marca as caixas dos dias que pretende que os seus utilizadores escolham e deixe as caixas desmarcadas para os dias que pretende bloquear aos seus utilizadores.

Marcar ou desmarcar dias

Desativar datas passadas

Para além de selecionar os dias da semana disponíveis para os seus utilizadores escolherem, também pode impedir que estes seleccionem datas passadas nos seus formulários. Para tal, basta selecionar a opção Desativar datas passadas.

Desativar datas passadas

Quando as datas estão desactivadas, aparecem a cinzento no frontend do seu site.

Datas passadas desactivadas

Se pretender personalizar ainda mais as opções de data, consulte a nossa documentação para programadores para obter mais informações. Para ajudar a evitar conflitos de código, certifique-se de desativar quaisquer limitações de data no criador de formulários antes de adicionar qualquer código personalizado.

Limitar o tempo

Da mesma forma, pode limitar as horas disponíveis para os seus utilizadores escolherem nos seus formulários. Para o fazer, primeiro tem de selecionar a opção Limitar horas.

Ativar o limite de horas

Depois de activada, verá opções adicionais para configurar a Hora de início e a Hora de fim das suas horas. Para cada uma destas definições, pode clicar no menu pendente e selecionar as horas que pretende mostrar aos visitantes do seu site.

Se pretender pré-visualizar um modelo de formulário personalizável que apresenta a funcionalidade de limitação do campo Data/Hora, consulte o nosso Modelo de formulário de reserva de bilhetes de cinema.

Clicar na lista pendente de horas

No frontend do seu site, todas as horas disponíveis entre a Hora de início e a Hora de fim selecionadas estarão disponíveis para os seus utilizadores escolherem.

Precisa de desativar as horas passadas no Seletor de Horas para obter marcações de compromissos mais precisas? Não se esqueça de consultar a nossa documentação para programadores para obter mais informações.

Perguntas mais frequentes

Estas são as respostas a algumas das principais perguntas que recebemos sobre a limitação das opções do campo Data / Hora.

Como é que desativo as datas futuras quando utilizo a opção Date Picker?

Para desativar as datas futuras, terá de adicionar um snippet de código personalizado ao seu site WordPress. Abaixo está o snippet a ser adicionado ao seu site.

Se precisar de ajuda para adicionar trechos de código ao seu site, consulte o nosso guia para saber como o fazer.

Nota: O trecho de código acima só funcionará para o ID de formulário 323 e o ID de campo 4. Para utilizar este código para diferentes formulários ou campos, terá de atualizar estes números de ID no código. Consulte nosso tutorial sobre como localizar a ID do formulário e a ID do campo para encontrar as IDs corretas para seus formulários.

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

Se tiver 2 campos de Data/Hora no seu formulário, pode comparar ambas as datas para evitar que os utilizadores seleccionem uma data mais antiga do que a do primeiro campo de Data/Hora. Isto pode ser útil ao criar um formulário que permita aos utilizadores especificar a data de encomenda e de levantamento.

Para mais informações, consulte o nosso guia para saber como comparar 2 campos de Data/Hora.

É isso aí! Acabámos de lhe mostrar como limitar as opções do campo Data / Hora no WPForms.

A seguir, gostaria de alterar o aspeto do campo Data/Hora nos seus formulários WordPress? Não deixe de consultar o nosso tutorial sobre como personalizar o campo Data/Hora para obter mais detalhes.

O melhor plug-in de criação de formulários de arrastar e soltar do WordPress

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

Active o JavaScript no seu browser para preencher este formulário.