DataTables 和 Moment - 如何添加持续时间以获得总时间

Question

我正在使用 DataTables 来收集每个人筹款所花费的时间，然后显示他们在筹集到的资金中的份额以用于一个营地。

我正在尝试使用 moment 将持续时间加在一起（持续时间可以大于 24 小时）。然后，我想通过筹集的美元金额来计算每次的分数，以计算出分散给每个人的金额。例如，总计算时长为 10 小时，总筹款为 100.00 美元，詹姆斯花了 2:30，这是 10 小时的 0.25，因此将收到 25.00 美元用于营地。

我对总小时数的计算只返回最后输入的持续时间（例如，如果我输入 1:30 和 3:00，则返回的总小时数为 3:00）。

如何正确添加持续时间？ 如何将每个持续时间划分为 totalHours 以获得正确的分数？ 然后如何将每个人的计算支出写入第 7 列？

我的代码是：

    var totalHours;
    // this gets each node (cell) in the final column:
    memDispTable.columns(5).nodes().to$()[0].forEach(function (item) {
        // see if the display value is a number (i.e. not blank):
        var hours = $('input', item ).val();
        console.log("hours: " + hours);
        if (moment(hours, "HH:mm").isValid()) {
            totalHours = moment.duration(moment.utc(totalHours,'HH:mm')).add(moment.duration(hours, 'HH:mm'));
            totalHours = moment.utc(totalHours.as('milliseconds')).format("HH:mm");
            console.log("totalHours: " + totalHours);
        }
    });
    $('#showDispHours').val(totalHours);

@AlwaysHelping 提供了这个解决方案，但它不会超过 24 小时：

var totalHours = 0;
    // this gets each node (cell) in the final column:
    memDispTable.columns(5).nodes().to$()[0].forEach(function (item) {
        // see if the display value is a number (i.e. not blank):
        var hours = $('input', item ).val();
        console.log("hours: " + hours);
        if (moment(hours, "HH:mm").isValid()) {
            
            var start = moment(hours, "HH:mm");
            var diff = start.diff(start.clone().startOf('day'));
            totalHours += diff;
            console.log("totalHours: " + totalHours);
            
        }
    });
    
    var duration = moment.duration(totalHours); //get total
    $("#showDispHours").text(duration.hours() + ':' + duration.minutes());

除了@AlwaydHelping 提供的出色答案之外，最后一篇来自：

How to convert time milliseconds to hours, min, sec format in JavaScript?

seconds = Math.floor((totalHours / 1000) % 60),
minutes = Math.floor((totalHours / (1000 * 60)) % 60),
hours = Math.floor((totalHours / (1000 * 60 * 60)));
$("#showDispHours").text(hours + ':' + minutes);

Answer 1

您可以使用矩的.clone() 函数和duration() 将两次相加。使用forEach 获取HH:mm 中的时间值，然后在每个循环中将值添加到totalHours var 并使用hours() 和minutes() 函数显示您要添加的所有时间的总和。

现场演示：

let totalHours = 0;

let getTime = $('.fundTime') //get the el
//get the value stored as time
getTime.each(function(i, el) {
  let value = el.value //get value of i.e time
  if (moment(value, "HH:mm").isValid()) {
    let start = moment(value, 'HH:mm');
    let diff = start.diff(start.clone().startOf('day'));
    totalHours += diff;
  }
})

let duration = moment.duration(totalHours); //get total
$("#total").text(duration.hours() + ':' + duration.minutes());

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.1/moment.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-duration-format/1.3.0/moment-duration-format.min.js"></script>

<input type="text" class="fundTime" value="1:31" />
<input type="text" class="fundTime" value="3:00" />


<div id="total"></div>