Maison > interface Web > js tutoriel > Comment calculer le décalage horaire, y compris les heures avec Moment.js ?

Comment calculer le décalage horaire, y compris les heures avec Moment.js ?

Patricia Arquette
Libérer: 2024-10-26 07:46:30
original
1002 Les gens l'ont consulté

How to Calculate Time Difference Including Hours with Moment.js?

Détermination du décalage horaire entre les dates, y compris les heures avec Moment.js

Lorsque vous travaillez avec des dates en JavaScript, Moment.js offre des moyens pratiques de manipuler et analyser le temps. Une tâche courante consiste à calculer la différence entre deux dates. Cependant, nous devrons parfois inclure la valeur horaire dans le calcul.

Calcul initial

Moment.js fournit la méthode pratique diff() pour calculer la différence entre deux objets de date. Par exemple, pour retrouver les minutes et secondes écoulées, vous pouvez utiliser :

<code class="js">moment(end.diff(startTime)).format("m[m] s[s]")</code>
Copier après la connexion

Y compris les heures

Pour incorporer les heures dans le calcul, vous devrez utilisez la méthode duration() et sa fonction asHours(). Voici comment récupérer la valeur de l'heure :

<code class="js">var duration = moment.duration(end.diff(startTime));
var hours = duration.asHours();</code>
Copier après la connexion

Ce code crée un objet de durée Moment.js basé sur la différence entre les deux dates d'entrée. La méthode asHours() suivante convertit la durée en heures décimales. La valeur résultante représente la différence en heures entre les deux dates.

Remarque : Si la valeur de l'heure est inférieure à 1, la méthode duration.hours() renverra 0. Par conséquent, à incluez la valeur de l'heure uniquement lorsqu'elle est supérieure ou égale à 1, vous devez envelopper la variable heures dans une instruction conditionnelle, telle que :

<code class="js">if (hours >= 1) {
  console.log("Elapsed time: " + hours + " hours");
}</code>
Copier après la connexion

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