### [Criação de formatos adicionais para o seletor de hora do campo Data/Hora](https://wpforms.com/developers/how-to-create-additional-formats-for-the-date-time-field-time-picker/)

**Publicado:** 18 de março de 2020
**Autor:** David Ozokoye

**Resumo:** Este tutorial irá guiá-lo sobre como usar PHP para criar formatos adicionais para o campo de hora ao usar o campo de formulário <strong>Data/Hora</strong> com o WPForms. 

**Conteúdo:**

Gostaria de criar formatos adicionais para o intervalo de tempo ao usar o campo de formulário <strong>Data/Hora</strong>? Por padrão, o WPForms usa os intervalos de 12H e 24H. No entanto, você pode ampliá-lo para oferecer suporte a 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**: um de **12 horas** e um de **24 horas**.

![por padrão, você tem um formato de 12 horas e um de 24 horas para o seu campo de hora](https://wpforms.com/wp-content/uploads/2020/03/wpforms-default-time-format.jpg)## Adicionando o trecho de código

Para este tutorial, vamos adicionar um novo formato para a hora. Primeiro, vamos adicionar este trecho de código ao nosso site.

**Observação:** Se precisar de ajuda para adicionar trechos de código ao seu site, [consulte este tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Como adicionar PHP ou JavaScript personalizado para o WPForms").

Este formato de hora nos permitirá inserir um formato mais longo para horas de 2 dígitos, minutos de 2 dígitos e segundos de 2 dígitos. Para adicionar mais formatos, você precisará criar uma nova função semelhante à do código acima e especificar o formato no parâmetro `$time_formats`.

**Observação:** Para encontrar mais formatos como este, [consulte todas as funções disponíveis na documentação oficial do PHP.net](https://www.php.net/manual/en/function.date.php "PHP.net: date").

## Usando o novo formato de hora

Para usar este novo formato, [crie um novo formulário](https://wpforms.com/docs/creating-first-form/) 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 **Data/Hora** para abrir o painel **Opções do campo** e, em seguida, navegue até a guia **Avançado**. Na seção **Hora**, você poderá selecionar o novo formato de hora que acabou de adicionar com o snippet.

![adicionar este snippet significa que agora você pode criar formatos adicionais para o campo de hora](https://wpforms.com/wp-content/uploads/2020/03/wpforms-additional-time-formats.jpg)## Perguntas frequentes

Estas são as respostas para algumas das perguntas mais frequentes que recebemos sobre como adicionar formatos de hora adicionais para o campo Data/Hora.

#### Posso exibir a hora no formato francês?

Basta copiar este snippet para o seu site para obter o formato de hora francês.

É isso! Agora você aprendeu como adicionar formatos de data adicionais para o campo Data/Hora no WPForms.

Em seguida, você gostaria de limitar os horários disponíveis neste menu suspenso? Consulte nosso guia sobre [como personalizar o seletor de hora do campo Data/Hora](https://wpforms.com/developers/customize-the-date-time-field-time-picker/ "Como personalizar o seletor de hora do campo Data/Hora").

## Relacionado

Referência do filtro: [wpforms\_datetime\_time\_formats](https://wpforms.com/developers/wpforms_datetime_time_formats/ "Usando o filtro wpforms_datetime_time_formats")

**Categorias:** Tutoriais

**Tags:** PHP

---

