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
Libérer: 2024-12-31 19:32:16
original
1008 Les gens l'ont consulté

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;
}
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal