Criação de formatos adicionais para o seletor de tempo do campo Data-Hora

Gostaria de criar formatos adicionais para o intervalo de tempo ao usar o campo de formulário Data / Hora? Por padrão, o WPForms usa os intervalos de 12H e 24H. No entanto, é possível estendê-lo para suportar mais formatos com um filtro PHP personalizado.

Neste tutorial, vamos mostrar-lhe como adicionar intervalos de tempo extra para o campo Data / Hora no WPForms.


Como mencionamos anteriormente, o WPForms fornece dois formatos para o campo Hora. um 12 H e um 24 H.

por predefinição, tem um formato de 12 e 24 horas para o seu campo de tempo

Adicionar o snippet

Para este tutorial, vamos adicionar um novo formato para a hora. Primeiro, vamos adicionar este snippet ao nosso site.

Nota: Se precisar de ajuda para adicionar trechos de código ao seu site, consulte este tutorial.

Este formato de hora permite-nos introduzir um formato mais longo para horas com 2 dígitos, minutos com 2 dígitos e segundos com 2 dígitos. Para adicionar mais formatos, terá de criar uma nova função semelhante à do código acima e especificar o formato na função $time_formats parâmetro.

Utilizar o novo formato de hora

Para utilizar este novo formato, crie um novo formulário ou edite um já existente para aceder ao construtor de formulários. No criador de formulários, certifique-se de que inclui o campo Data / Hora.

Agora, clique no campo Data/Hora para abrir o painel Opções de campo e, em seguida, navegue até ao separador Avançadas. Na secção Hora, poderá agora selecionar o novo formato de hora que acabou de adicionar com o snippet.

adicionar este snippet significa que agora é possível criar formatos adicionais para o campo de tempo

Perguntas mais frequentes

Estas são as respostas a algumas das principais perguntas que recebemos sobre a adição de um formato de hora adicional ao campo Data/Hora.

Posso visualizar a hora no formato francês?

Basta copiar este snippet para o seu site para obter o formato da hora francesa.

É isso aí! Agora você aprendeu como adicionar um formato de data adicional para o campo Data / Hora no WPForms.

De seguida, gostaria de limitar as horas disponíveis neste menu pendente? Consulte o nosso guia sobre a personalização do campo Data/Hora Time Picker.

Referência do filtro: wpforms_datetime_time_formats