Você 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, você pode estendê-lo para suportar mais formatos com um filtro PHP personalizado.
Neste tutorial, mostraremos como adicionar intervalos de tempo extras para o campo Data/Hora no WPForms.
Como mencionamos anteriormente, o WPForms oferece dois formatos para o campo Hora: 12 horas e 24 horas.
Adicionando o snippet
Para este tutorial, vamos adicionar um novo formato para a hora. Primeiro, adicionaremos este snippet ao nosso site.
Observação: se precisar de ajuda para adicionar trechos de código ao seu site, consulte este tutorial.
Esse formato de hora nos permitirá inserir 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, você precisará criar uma nova função semelhante à do código acima e especificar o formato no campo $time_formats parâmetro.
Observação: para encontrar mais formatos como esse, consulte todas as funções disponíveis na documentação oficial do PHP.net.
Usando o novo formato de hora
Para usar esse novo formato, crie um novo formulário ou edite um já existente para acessar o construtor de formulários. No construtor de formulários, certifique-se de incluir o campo Data/Hora.
Agora, clique no campo Date / Time (Data/Hora ) para abrir o painel Field Options (Opções de campo ) e navegue até a guia Advanced (Avançado ). Na seção Time (Hora ), agora você poderá selecionar o novo formato de hora que acabou de adicionar com o snippet.
Perguntas frequentes
Estas são as respostas para algumas das principais perguntas que recebemos sobre a inclusão de formato de hora adicional no campo Data/Hora.
Posso exibir a hora no formato francês?
Basta copiar esse snippet em seu site para obter o formato de hora francesa.
É isso aí! Agora você aprendeu como adicionar um formato de data adicional ao campo Data/Hora no WPForms.
Em seguida, você gostaria de limitar os horários disponíveis nesse menu suspenso? Consulte nosso guia sobre como personalizar o Time Picker do campo Data/Hora.
Relacionado
Referência do filtro: wpforms_datetime_time_formats