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
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!