Comment afficher DateTime dans le format des 10 heures AM / PM en JavaScript?

L'affichage de DateTime au format 12 heures AM / PM est relativement pratique à utiliser pour analyser efficacement le temps. De plus, cette approche réduit la confusion entre le matin et le soir. Par exemple, le «matin après-midi"Les deux définissent un intervalle de temps spécifique et on peut facilement se rapporter à l'heure qui n'est pas le cas au format 24 heures.

Cet article expliquera les méthodes pour afficher DateTime au format de 12 heures AM / PM en JavaScript.

Comment afficher DateTime dans le format de 12 heures AM / PM en JavaScript?

Les approches suivantes peuvent être appliquées pour afficher DateTime dans le format de 12 heures AM / PM en JavaScript:

• "tolocalestring ()" Méthode.
• "tolocaletimestring ()" Méthode.
• "En ligne" Fonction.

Approche 1: Affichez DateTime dans le format de 12 heures AM / PM en JavaScript en utilisant la méthode Tolocalestring ()

Le "tolocalestring ()”La méthode renvoie un objet de date sous la forme d'une chaîne. Cette méthode peut être appliquée pour retourner l'heure actuelle au format de langue américaine.

Syntaxe

Date.Tolocalestring (Lieux, Options)

Dans la syntaxe donnée,

• "localités»Fait référence au format de langue spécifique.
• "options»Indique l'objet à laquelle les propriétés peuvent être attribuées.

Exemple
Tout d'abord, créez un nouvel objet de date à l'aide du «Nouvelle date ()”Constructeur:

var time = new Date ();

Maintenant, appliquez le «tolocalestring ()«Méthode ayant le«NOUS”Format de langue et les valeurs attribuées du temps comme paramètres. Ici, "heure12»Indique que l'heure sera affichée au format 12 heures. Cela se traduira par l'affichage de l'heure actuelle au format de temps américain:

console.journal (temps.tolocalestring ('en-us', hour: 'numérique', minute: 'numérique', hour12: true));

Sortir

Approche 2: Afficher DateTime dans le format de 12 heures AM / PM en JavaScript en utilisant la méthode TolocaleTimeString ()

Le "tolocaletimestring ()”La méthode renvoie l'heure d'un objet de date en tant que chaîne. Cette méthode peut être appliquée de manière similaire à la méthode Tolocalestring () en renvoyant l'heure par défaut par rapport à la date spécifiée.

Exemple
Dans l'exemple suivant, de même, créez un nouvel objet de date à l'aide du «Nouvelle date ()«Constructeur et spécifiez la date suivante comme paramètre dans la séquence de«année","mois" et "jour" respectivement.

Après cela, appliquez le «tolocaletimestring ()”Méthode avec le format de temps spécifié comme son paramètre comme discuté dans la méthode précédente:

const DateTime = nouvelle date (2022, 1, 1).tolocaletimestring ('en-us',
heure: «numérique», minute: «numérique», heure12: true
)

Enfin, affichez l'heure correspondante entraînant le délai par défaut par rapport à la date spécifiée:

console.log (dateTime);

Sortir

Approche 3: Afficher DateTime dans le format de 12 heures AM / PM en JavaScript en utilisant la fonction en ligne

Cette approche peut être mise en œuvre pour appliquer un opérateur conditionnel au format AM / PM.

L'exemple donné ci-dessous illustre le concept déclaré.

Exemple

const DateTime = (date) =>
Laissez les heures = date.Gethours ();
Laissez les minutes = date.getMinutes ();
Soit ap = heures> = 12 ? 'après-midi, avant midi';
heures = heures% 12;
heures = heures ? Heures: 12;
Minutes = minutes.toString ().Padstart (2, '0');
Soit mergetime = heures + ':' + minutes + "+ ap;
retourner mergetime;

console.journal (datetime (nouvelle date (2022, 1, 1)));

Dans le code démontré ci-dessus:

• Tout d'abord, définissez un «en ligne"Fonction nommée"DateTime ()". Cette fonction prendra un objet de date comme paramètre.
• Le "Gethours ()»La méthode, à l'étape suivante, renvoie l'heure en cours au format 24 heures dans la fonction.
• De même, le «getMinutes ()»La méthode récupérera les minutes actuelles.
• Après cela, créez une variable nommée «AP»Et ajustez-le à AM ou PM par rapport à la valeur des heures.
• Dans l'étape suivante, transformez les heures au format de «12 heures"Avec l'aide du"%»Opérateur pour obtenir le reste de la division par 12.
• Dans le code supplémentaire, appliquez le «toString ()”Méthode pour convertir les minutes calculées en une chaîne et utiliser le"Padstart ()”Méthode pour remplir la chaîne convertie avec 0 si ce n'est qu'un chiffre.
• Enfin, fusionnez le temps calculé en ajoutant respectivement les heures calculées, les minutes et le format (AM / PM) et l'afficher:

Sortir

Nous avons conclu les approches qui peuvent être utilisées pour afficher DateTime au format de 12 heures AM / PM en JavaScript.

Conclusion

Le "tolocalestring ()"Méthode, le"tolocaletimestring ()«Méthode ou le«En ligne»La fonction peut être implémentée pour afficher DateTime au format de 12 heures AM / PM en JavaScript. La première méthode peut être choisie pour afficher l'heure actuelle dans le format d'heure spécifique, la méthode tolocaletimestring () peut être appliquée pour retourner l'heure par défaut par rapport à la date spécifiée dans le format d'heure particulière et la fonction en ligne peut être implémentée pour appliquer un opérateur conditionnel au format AM / PM. Cet article a compilé les approches pour afficher DateTime au format de 12 heures AM / PM en JavaScript.