Cómo mostrar el tiempo de fecha y hora en el formato de las 10 horas principales de AM/PM en JavaScript?

Mostrar la fecha y hora en un formato AM/PM de 12 horas es relativamente conveniente de usar para analizar el tiempo de manera efectiva. Además, este enfoque reduce la confusión entre la mañana y la noche. Por ejemplo, el "am PM"Ambos definen algún intervalo de tiempo específico y uno puede relacionarse fácilmente con el tiempo que no es el caso en el formato de 24 horas.

Esta redacción explicará los métodos para mostrar el tiempo de fecha y fecha en el formato de 12 horas de AM/PM en JavaScript.

Cómo mostrar DateTime en el formato de 12 horas AM/PM en JavaScript?

Los siguientes enfoques se pueden aplicar para mostrar el tiempo de fecha y hora en el formato de 12 horas AM/PM en JavaScript:

• "TOLOCALECRING ()" Método.
• "tolocaletimestring ()" Método.
• "En línea" Función.

Enfoque 1: Muestre en el formato de 12 horas AM/PM en JavaScript utilizando el método TOLOCALECRING ()

El "TOLOCALECRING ()El método "devuelve un objeto de fecha en forma de una cadena. Este método se puede aplicar para devolver la hora actual en el formato de idioma de EE. UU.

Sintaxis

Fecha.tolocalestring (locales, opciones)

En la sintaxis dada,

• "locales"Se refiere al formato de idioma específico.
• "opción"Indica el objeto al que se pueden asignar las propiedades.

Ejemplo
Primero, cree un nuevo objeto de fecha utilizando el "nueva fecha ()"Constructor:

VAR TIME = new Date ();

Ahora, aplique el "TOLOCALECRING ()"Método que tiene el"A NOSOTROS"Formato de idioma y los valores asignados del tiempo como parámetros. Aquí, "hora12"Indica que la hora se mostrará en el formato de 12 horas. Esto dará como resultado mostrar la hora actual en el formato de tiempo de EE. UU.:

consola.tiempo de registro.tolocalEstring ('en-us', hora: 'numérico', minuto: 'numérico', hora12: true));

Producción

Enfoque 2: Muestre en el formato de 12 horas AM/PM en JavaScript utilizando el método TOLOCALETIMECRING ()

El "tolocaletimestring ()El método "devuelve el período de tiempo de un objeto de fecha como una cadena. Este método se puede aplicar de manera similar al método TOLOCALECRING () devolviendo el tiempo predeterminado a la fecha especificada.

Ejemplo
En el siguiente ejemplo, de manera similar, cree un nuevo objeto de fecha utilizando el "nueva fecha ()"Constructor y especifique la fecha siguiente como su parámetro en la secuencia de"año","mes" y "día"Respectivamente.

Después de eso, aplique el "tolocaletimestring ()Método "con el formato de tiempo especificado como su parámetro como se discutió en el método anterior:

const dateTeTime = nueva fecha (2022, 1, 1).tolocaletiMestring ('en-us',
hora: 'numérico', minuto: 'numérico', hora12: verdadero
)

Finalmente, muestre el tiempo correspondiente que resulta en el tiempo predeterminado con respecto a la fecha especificada:

consola.log (DateTime);

Producción

Enfoque 3: Muestre en el formato de 12 horas AM/PM en JavaScript utilizando la función en línea

Este enfoque se puede implementar para aplicar un operador condicional al formato AM/PM.

El ejemplo a continuación ilustra el concepto declarado.

Ejemplo

const datetime = (date) =>
Sea horas = fecha.gethours ();
Dejar actas = fecha.getMinutes ();
Sea ap = horas> = 12 ? 'pm am';
horas = horas % 12;
Horas = horas ? Horas: 12;
minutos = minutos.Encadenar().PadStart (2, '0');
Deje mercetime = horas + ':' + minutos + " + ap;
regresar mercetime;

consola.log (DateTime (nueva fecha (2022, 1, 1)));

En el código demostrado anteriormente:

• Primero, defina un "en línea"Función nombrada"fecha y hora()". Esta función tomará un objeto de fecha como su parámetro.
• El "Gethours ()El método "en el siguiente paso, devolverá la hora actual en el formato de 24 horas en la función.
• Del mismo modo, el "GetMinutes ()"El método recuperará las actas actuales.
• Después de eso, cree una variable llamada "AP"Y ajustarlo a AM o PM con respecto al valor de las horas.
• En el siguiente paso, transforme las horas en formato de "12 horas"Con la ayuda del"De %"Operador para obtener el resto en la división a los 12.
• En el código adicional, aplique el "Encadenar()"Método para convertir los minutos calculados en una cadena y use el"PadStart ()"Método para rellenar la cadena convertida con 0 si es solo un dígito.
• Por último, fusione el tiempo calculado agregando las horas calculadas, las actas y el formato (AM/PM) respectivamente y mostrarlo:

Producción

Hemos concluido los enfoques que se pueden utilizar para mostrar la fecha y hora en formato de 12 horas AM/PM en JavaScript.

Conclusión

El "TOLOCALECRING ()"Método, el"tolocaletimestring ()"Método o el"En líneaLa función se puede implementar para mostrar la fecha y hora en formato de 12 horas de AM/PM en JavaScript. El primer método se puede optar por mostrar la hora actual en el formato de tiempo específico, el método TOLOCALETIMETRING () se puede aplicar para devolver el tiempo predeterminado con respecto a la fecha especificada en el formato de tiempo particular y la función en línea se puede implementar para aplicarse para aplicar un operador condicional del formato AM/PM. Esta redacción compiló los enfoques para mostrar la fecha y hora en el formato de 12 horas AM/PM en JavaScript.