Como exibir DateTime no formato Top 10 Hour/PM em JavaScript?

Exibir DateTime em um formato de 12 horas/pm é comparativamente conveniente de usar para analisar o tempo de maneira eficaz. Além disso, essa abordagem reduz a confusão entre a manhã e a noite. Por exemplo, o “manhã tarde”Ambos definem algum intervalo de tempo específico e pode -se relacionar facilmente com o tempo que não é o caso no formato 24 horas.

Este artigo explicará os métodos para exibir o DateTime no formato de 12 horas AM/PM em JavaScript.

Como exibir DateTime no formato de 12 horas AM/PM em JavaScript?

As abordagens a seguir podem ser aplicadas para exibir o DateTime no formato de 12 horas AM/PM em JavaScript:

• ““Tolocalestring ()”Método.
• ““tolocaletimestring ()”Método.
• ““Em linha”Função.

Abordagem 1: Exibir DateTime no formato de 12 horas AM/PM em JavaScript usando o método tolocalestring ()

O "Tolocalestring ()”O método retorna um objeto de data na forma de uma string. Este método pode ser aplicado para retornar a hora atual no formato de idioma dos EUA.

Sintaxe

Data.tolocalestring (locais, opções)

Na sintaxe dada,

• ““Locais”Refere -se ao formato de linguagem específico.
• ““opções”Indica o objeto ao qual as propriedades podem ser atribuídas.

Exemplo
Primeiro, crie um novo objeto de data usando o “Nova data()”Construtor:

var time = new Date ();

Agora, aplique o “Tolocalestring ()”Método com o“NÓS”Formato da linguagem e os valores atribuídos da época como seus parâmetros. Aqui, "hora12”Indica que a hora será exibida no formato de 12 horas. Isso resultará na exibição do horário atual no formato de tempo dos EUA:

console.log (tempo.tolocalestring ('en-us', hour: 'numeric', minute: 'numeric', hour12: true));

Saída

Abordagem 2: Exibir DateTime no formato de 12 horas AM/PM em JavaScript usando o método tolocaletimestring ()

O "tolocaletimestring ()”O método retorna o tempo de tempo de um objeto de data como uma string. Este método pode ser aplicado da mesma forma.

Exemplo
No exemplo seguinte, da mesma forma, crie um novo objeto de data usando o “Nova data()”Construtor e especifique a seguinte data como seu parâmetro na sequência de“ano","mês" e "dia”Respectivamente.

Depois disso, aplique o “tolocaletimestring ()”Método com o formato de tempo especificado como seu parâmetro, conforme discutido no método anterior:

const dateTime = nova data (2022, 1, 1).tolocaletimestring ('en-us',
hora: 'numérico', minuto: 'numérico', hora12: verdadeiro
)

Por fim, exiba o tempo correspondente, resultando no tempo padrão em relação à data especificada:

console.log (datetime);

Saída

Abordagem 3: Exibir DateTime no formato de 12 horas AM/PM em JavaScript usando a função embutida

Essa abordagem pode ser implementada para aplicar um operador condicional ao formato AM/PM.

O exemplo abaixo do rumo ilustra o conceito declarado.

Exemplo

const dateTime = (data) =>
Deixe o horário = data.gethours ();
Deixe minutos = data.getMinutes ();
Deixe AP = horas> = 12 ? 'tarde manhã';
horas = horas % 12;
horas = horas ? Horário: 12;
minutos = minutos.para sequenciar().padstart (2, '0');
Deixe Mergetime = horas + ':' + minutos + " + AP;
retornar Mergetime;

console.log (DateTime (nova data (2022, 1, 1)));

No código demonstrado acima:

• Primeiro, defina um “em linha”Função chamada“data hora()”. Esta função levará um objeto de data como seu parâmetro.
• O "Gethours ()”O método, na próxima etapa, retornará a hora atual no formato de 24 horas na função.
• Da mesma forma, o “getminutes ()”Método recuperará os minutos atuais.
• Depois disso, crie uma variável chamada “AP”E ajuste -o ao AM ou PM em relação ao valor das horas.
• Na próxima etapa, transforme as horas para o formato de “12 horas”Com a ajuda do“%Operador para obter o restante da divisão por 12.
• No código adicional, aplique o “para sequenciar()”Método para converter os minutos calculados em uma string e usar o“padstart ()”Método para encaixar a corda convertida com 0 se for apenas um dígito.
• Por fim, mescla o tempo calculado adicionando as horas computadas, minutos e o formato (AM/PM), respectivamente, e exibi -lo:

Saída

Concluímos as abordagens que podem ser utilizadas para exibir o DateTime em formato de 12 horas e pm em JavaScript.

Conclusão

O "Tolocalestring ()”Método, o“tolocaletimestring ()”Método ou o“Em linha”A função pode ser implementada para exibir o DateTime em formato de 12 horas e pm em JavaScript. O primeiro método pode ser optado por exibir o horário atual no formato de tempo específico, o método tolocaletimestring () pode ser aplicado para retornar o tempo padrão em relação à data especificada no formato de tempo específico e a função embutida pode ser implementada para aplicar para aplicar um operador condicional para o formato AM/PM. Este artigo compilou as abordagens para exibir o DateTime no formato de 12 horas AM/PM em JavaScript.