momentjsの複数テーブルでの合計時間

Question

私はmomentjsと時間を合計しようとしています。ここで

function all_time() 
{ 
    $(".aaa").each(function() { 
     $this = $(this); 
     var total = moment().startOf('day'); 
      $this.find('.jmljam').each (function() { 
      var value = $this.find(this).val(); 
      var thisMoment = moment(value, 'HH:mm', true); 
       if(thisMoment.isValid()){ 
       total.add(thisMoment); 
        $this.find(".totalseluruhjam").val(total.format("HH:mm")); 
       } 
      }); 
     }); 
} 

そして、私のHTMLの表

<form method="POST" action="http://localhost:84/payroll2/dinas_audit/claim/1105321/AD0000002">   

    <table class="aaa table"> 
    <thead> 
     <tr> 
      <td> No </td> 
      <td> Full Name </td> 
      <td> Attendance Date </td> 
      <td> In Time </td> 
      <td> Out Time </td> 
      <td> Waktu Lebih </td> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
    <td>1</td> 
    <td>[1105321] - AL SHIFAUL LATIFAH</td> 
    <td>2016-09-01</td> 
    <td class="jammasuk"> 
     07:00:00 </td>                   
    <td class="jampulang"> 
    23:00:00 </td> 
    <td class="lebih">08:00</td> 

    </tr> 
     <tr> 
    <td>2</td> 
    <td>[1105321] - AL SHIFAUL LATIFAH</td> 
    <td>2016-09-02</td> 
    <td class="jammasuk"> 
     - </td>                   
    <td class="jampulang"> 
    - </td> 
    <td class="lebih">00:00</td> 

    </tr> 
     <tr> 
    <td>3</td> 
    <td>[1105321] - AL SHIFAUL LATIFAH</td> 
    <td>2016-09-03</td> 
    <td class="jammasuk"> 
     - </td>                   
    <td class="jampulang"> 
    - </td> 
    <td class="lebih">00:00</td> 

    </tr> 

      <tr> 

      <td colspan="4"> </td> 
      <td>Total Jam Lebih</td> 
      <td> 
      <input name="jamlebih" type="text" readonly disabled class="jmljam" /> 
      </td> 
     </tr> 
     <tr> 
      <td colspan="4"> </td> 
      <td>Ro Yang DiDapatkan</td> 
      <td> 
      <input name="dapetro" type="text" readonly class="ronya" /> 
      </td> 
     </tr> 
      </tbody> 
</table> 

    <table class="aaa table"> 
    <thead> 
     <tr> 
      <td> No </td> 
      <td> Full Name </td> 
      <td> Attendance Date </td> 
      <td> In Time </td> 
      <td> Out Time </td> 
      <td> Waktu Lebih </td> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
    <td>4</td> 
    <td>[1105321] - AL SHIFAUL LATIFAH</td> 
    <td>2016-09-04</td> 
    <td class="jammasuk"> 
     09:00:00 </td>                   
    <td class="jampulang"> 
    18:21:00 </td> 
    <td class="lebih">01:21</td> 

    </tr> 
     <tr> 
    <td>5</td> 
    <td>[1105321] - AL SHIFAUL LATIFAH</td> 
    <td>2016-09-05</td> 
    <td class="jammasuk"> 
     09:00:00 </td>                   
    <td class="jampulang"> 
    20:21:00 </td> 
    <td class="lebih">03:21</td> 

    </tr> 
     <tr> 
    <td>6</td> 
    <td>[1105321] - AL SHIFAUL LATIFAH</td> 
    <td>2016-09-06</td> 
    <td class="jammasuk"> 
     09:00:00 </td>                   
    <td class="jampulang"> 
    21:21:00 </td> 
    <td class="lebih">04:21</td> 

    </tr> 
     <tr> 
    <td>7</td> 
    <td>[1105321] - AL SHIFAUL LATIFAH</td> 
    <td>2016-09-07</td> 
    <td class="jammasuk"> 
     - </td>                   
    <td class="jampulang"> 
    - </td> 
    <td class="lebih">00:00</td> 

    </tr> 
     <tr> 
    <td>8</td> 
    <td>[1105321] - AL SHIFAUL LATIFAH</td> 
    <td>2016-09-08</td> 
    <td class="jammasuk"> 
     - </td>                   
    <td class="jampulang"> 
    - </td> 
    <td class="lebih">00:00</td> 

    </tr> 
     <tr> 
    <td>9</td> 
    <td>[1105321] - AL SHIFAUL LATIFAH</td> 
    <td>2016-09-09</td> 
    <td class="jammasuk"> 
     - </td>                   
    <td class="jampulang"> 
    - </td> 
    <td class="lebih">00:00</td> 

    </tr> 

      <tr> 

      <td colspan="4"> </td> 
      <td>Total Jam Lebih</td> 
      <td> 
      <input name="jamlebih" type="text" readonly disabled class="jmljam" /> 
      </td> 
     </tr> 
     <tr> 
      <td colspan="4"> </td> 
      <td>Ro Yang DiDapatkan</td> 
      <td> 
      <input name="dapetro" type="text" readonly class="ronya" /> 
      </td> 
     </tr> 
      </tbody> 
</table> 

<table class="table"> 
    <tr> 
     <td> Total Jam Lebih : </td><td><input type="text" readonly="readonly" class='totalseluruhjam'/></td> 
    </tr> 
    <tr> 
     <td> Total RO Yang Di Dapat : </td><td><input type="text" readonly="readonly" class='totalseluruhro'/></td> 
    </tr> 
</table> 
       </div> 



         <div class="box-footer"> 
         <input value='submit' type='submit' class='btn btn-success pull-right claim'>      </div>    
       </div> 

</div> 
     </form> 

あなたは上から見ることができるようです。

は、ここに私のJavaScript関数です。私は複数のテーブルを持っています。私は、これは

function all_ro() 
{ 
    var sum=0; 
    $(".aaa").each(function() { 
     $this = $(this); 
     sum += parseFloat($this.find('.ronya').val()); 
     $('.totalseluruhro').val(sum); 
    }) 
} 

しかし、今、私はすべての.jmljamを合計して、.totalseluruhjamに結果を設定しようとしているのJSと.totalseluruhro`合計することができますよ。私はjmljamをfunction all_time()と合計しようとしていますが、動作しません。ブラウザのコンソールからエラーが表示されません。だから、どのように合計.jmljam？

https://jsfiddle.net/s9wfh9ye/23/

Answer 1

私のフィドルを確認し、このショットを与えてください。

function all_time() 
    { 
     var total = moment().startOf('day'); 
     $(".aaa").each(function() { 
      $this = $(this); 

       $this.find('.jmljam').each (function() { 
       var value = $this.find(this).val(); 
       var thisMoment = moment(value, 'HH:mm', true); 

       if(thisMoment.isValid()){ 

        total.add(thisMoment); 

       } 
      }); 
     }); 
     $(".totalseluruhjam").val(total.format("HH:mm")); 
    } 

、ここでは、更新フィドルhttps://jsfiddle.net/s9wfh9ye/24/

です