Maison > interface Web > js tutoriel > Comment puis-je formater les dates et heures JavaScript au format AM/PM sur 12 heures ?

Comment puis-je formater les dates et heures JavaScript au format AM/PM sur 12 heures ?

Susan Sarandon
Libérer: 2024-12-02 04:46:15
original
817 Les gens l'ont consulté

How Can I Format JavaScript Datetimes in 12-Hour AM/PM Format?

Formatage des dates et heures JavaScript au format AM/PM de 12 heures

Lorsque vous travaillez avec des données de date et d'heure en JavaScript, il est souvent nécessaire de les afficher de manière conviviale. format. Une exigence courante consiste à formater l’heure au format AM/PM de 12 heures. Voici comment cela peut être réalisé :

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;
}

console.log(formatAMPM(new Date));
Copier après la connexion

Dans cette fonction :

  1. date est un objet JavaScript Date représentant la dateheure à formater.
  2. Il récupère les heures, les minutes et détermine la désignation AM/PM en fonction de l'heure.
  3. La valeur des heures est ajustée à l'horloge de 12 heures. en prenant le module de 12 et en traitant le cas particulier de minuit (0 heure) comme 12.
  4. La valeur des minutes est formatée avec un zéro non significatif si nécessaire.
  5. L'heure finale formatée est renvoyée sous forme de chaîne au format "hh:mm AM/PM".

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