Como exibir horários em AM e PM com JavaScript

Neste artigo você vai aprender a como exibir horários em AM e PM com JavaScript, utilizando uma função nativa da linguagem

Fala programador(a), beleza? Bora aprender mais sobre datas em JavaScript!

Para realizar esta ação vamos precisar ter a data com o objeto Date de JavaScript

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 118 aulas
• 4 projetos
• 9h 33min

Conhecer formação

Basta instanciar que já teremos acesso ao método necessário, que no caso é o toLocaleString

Nele podemos definir o padrão da data, por exemplo: pt-BR

E também o padrão das horas por meio de algumas propriedades que são configuráveis

Veja o código completo necessário:

const currentDate = new Date();

const time = currentDate.toLocaleString('en-US', { hour: 'numeric', hour12: true })

console.log(time) // 10 AM

No caso aqui são 10 da manhã, por isso o 10 AM como resposta

Veja que basta configurar o parâmetro hour como numeric e o hour12 como true

Assim teremos o resultado desejado! 🙂

Conclusão

Neste artigo você viu como exibir horários em AM e PM com JavaScript

Utilizamos a função toLocaleString, com algumas parâmetros de configuração

Isso é possível através do objeto Date, que nos fornece o método e suas configurações

Note que um new Date vai te entregar a data atual, talvez você precise gerar o objeto Date em alguma data específica, o que também é possível com o Date, aconselho a procurar mais na documentação oficial

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias! Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias. O link acima contém um cupom de desconto para os cursos!