Maison >interface Web >js tutoriel >Comment afficher l'heure et la date JavaScript au format AM/PM 12 heures ?

Comment afficher l'heure et la date JavaScript au format AM/PM 12 heures ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-12-31 19:32:161004parcourir

How to Display JavaScript Datetime in 12-Hour AM/PM Format?

Affichage de la date et de l'heure JavaScript au format AM/PM 12 heures

JavaScript propose diverses méthodes pour manipuler les dates et les heures. Une exigence courante consiste à afficher les objets datetime dans un format lisible par l’homme, en particulier au format AM/PM sur 12 heures. Ce format est répandu dans de nombreux pays et applications.

Solution :

Pour afficher un objet datetime JavaScript au format AM/PM 12 heures, nous pouvons utiliser le code suivant :

function formatAMPM(date) {
  var hours = date.getHours();
  var minutes = date.getMinutes();
  var ampm = hours >= 12 ? 'pm' : 'am';
  hours = hours % 12;
  hours = hours ? hours : 12; // the hour '0' should be '12'
  minutes = minutes < 10 ? '0' + minutes : minutes;
  var strTime = hours + ':' + minutes + ' ' + ampm;
  return strTime;
}

Cette fonction prend un objet JavaScript Date en entrée et le traite comme suit :

  1. Extraire les heures et les minutes.
  2. Déterminez s'il est AM ou PM en fonction de l'heure.
  3. Convertissez l'heure de 24 heures en 12 heures temps en prenant le module avec 12.
  4. Gérer le cas particulier où l'heure est 0 en la mettant à 12 pour AM.
  5. Assurez-vous que les minutes sont toujours affichées au format à deux chiffres.
  6. Combinez l'heure, les minutes et AM/PM formatés dans une chaîne.

En utilisant cette fonction, vous pouvez facilement convertir des objets datetime JavaScript en chaînes AM/PM de 12 heures lisibles par l'homme.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn