2017-10-21 43 views
-3

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 heuresjQuery somme du temps total dans les champs de saisie format 24 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="" />

+0

S'il vous plaît fournir un code que vous avez essayé et nous pouvons vous aider à sortir de là – Vincent1989

+0

s'il vous plaît consulter mon code https://jsfiddle.net/2wwqghwt/ – privacymx

Répondre

0

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()