jQuery somme du temps total dans les champs de saisie format 24 heures

Question

J'ai besoin de jQuery pour me donner automatiquement la somme de l'heure dans les champs de saisie. J'ai essayé cela, mais je ne peux pas le faire fonctionner 24 fois heures

$(document).on("change", ".qty1", function() { 
 
    var sum = 0; 
 
    $(".qty1").each(function(){ 
 
     sum += +$(this).val(); 
 
    }); 
 
    $(".total").val(sum); 
 
});

input {display: block;} 
 
input.total {margin-top: 30px;}

<input type="text" class="qty1" value="" /> 
 
<input type="text" value="1:45" class="qty1" value="" /> 
 
<input type="text" value="1:45" class="qty1" value="" /> 
 
<input type="text" value="1:45" class="qty1" value="" /> 
 
<input type="text" value="1:45" class="qty1" value="" /> 
 
<input type="text" value="1:45" class="qty1" value="" /> 
 

 
<input type="text" class="total" value="" />

Answer 1

Pensez à utiliser moment.js;

Ceci fournit un moyen facile de manipuler les objets Date().

Id faites cela en ayant une date de début commune, puis utilisez moment.js pour ajouter() les heures et les minutes.

Lorsque tous les champs d'entrée sont ajoutés, je reçois la différence entre la date initiale et le résultat via la fonction diff de moment.js()