Comment afficher un objet datetime JavaScript au format 12 heures (AM/PM) ?
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));
De plus, vous avez déclaré deux fois la variable "hours" mais avez fait de "strTime" un global accidentel. Ce n'est pas très élégant, mais cela semble être la bonne technique pour utiliser les méthodes natives.
Bonjour, pouvez-vous m'expliquer ce que vous faites avec ceci : minutes = minutes < 10 ? '0'+minutes : minutes ;
@Balz Si minutes est inférieur à 10 (par exemple 16:04), alors cette instruction ajoute la chaîne "0" de sorte que la sortie formatée est "4:04 PM" au lieu de "4:4 PM". Notez qu'au cours du processus, minutes passe du statut de nombre à celui de chaîne.
Vous pouvez également envisager d'utiliser quelque chose comme date.js :
<html>
<script type="text/javascript" src="http://www.datejs.com/build/date.js"></script>
<script>
(function ()
{
document.write(new Date().toString("hh:mm tt"));
})();
</script>
</html>
Voici une façon d'utiliser les expressions rationnelles :
console.log(new Date('7/10/2013 20:12:34').toLocaleTimeString().replace(/([\d]+:[\d]{2})(:[\d]{2})(.*)/, "$1$3"))
console.log(new Date('7/10/2013 01:12:34').toLocaleTimeString().replace(/([\d]+:[\d]{2})(:[\d]{2})(.*)/, "$1$3"))Cela crée 3 groupes de correspondance :
([\d]+:[\d]{2}) - Heure:Minute(:[\d]{2}) - Secondes(.*) - l'espace et le point (Period est le nom officiel pour AM/PM)Ensuite, il affiche les 1er et 3ème groupes.
ATTENTION : toLocaleTimeString() peut se comporter différemment selon la région ou l'emplacement.
Les gens n'utilisent pas assez Regex. Cela a fonctionné pour moi sans ajouter la bibliothèque jquery/microsoftajax suggérée ci-dessus.
Quelle serait l'expression rationnelle pour avoir un zéro de fin au début de l'heure s'il s'agit d'un chiffre unique ? Par exemple, dans votre premier exemple de 8:12 PM, ce serait 08:12 PM ?
@404 c'est la même chose, ([\d]+:[\d]{2}) est la partie qui nous intéresse. Utilisez les deux points ( :) comme séparateur et nous voyons que la première partie est [\d]+ . Le plus signifie un ou plusieurs. Il s'agit donc de rechercher un ou plusieurs chiffres (y compris le zéro). Si vous deviez garantir qu'un zéro est présent, ce serait (0[\d]:[\d]{2}) . Il s'agit maintenant de chercher le 0 plus un autre chiffre, puis les deux points, puis le reste.
Vérifiez Datejs . Leurs formateurs intégrés peuvent le faire : http://code.google.com/p/datejs/wiki/APIDocumentation#toString
Il s'agit d'une bibliothèque très pratique, surtout si vous prévoyez de faire d'autres choses avec des objets de date.
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
3 votes
Ne perdez pas votre temps stackoverflow.com/a/17538193/3541385 ça marche
2 votes
@Ritesh
WARNING: toLocaleTimeString() may behave differently based on region / location.Mesurez deux fois, coupez une fois.0 votes
@AbandonedCart Est-ce que c'est vraiment un dicton ?
1 votes
@gilbert-v
One should double-check one's measurements for accuracy before cutting a piece of wood; otherwise it may be necessary to cut again, wasting time and material.Mais il est probablement préférable de poser cette question sur Google.1 votes
Je vais jamais s'habituer à la difficulté de travailler avec de simples dates en JavaScript.