javascript - jQuery Datatables 列 sum() of hh :mm:ss

Question

我正在使用 jQuery 数据表，我需要对时间 (hh:mm:ss) 列求和。

我正在使用 sum() 插件 ( https://cdn.datatables.net/plug-ins/1.10.11/api/sum%28%29.js ) 添加列数据，但我真的不明白它是如何工作的。

        var time_api = this.api();
        //total
        var total = time_api.column(3)
                .data()
                .sum();           
            
        //footer
        $(time_api.column(3)
            .footer())
            .html(total);

这给了我这个输出，它是一个总和，但它需要一些调整，我不知道如何转换它:

进入:12:03:05(正确的总和输出)。

请帮忙。

Answer 1

<script type="text/javascript" language="javascript">

var table = $('#example').DataTable({
"footerCallback": function ( row, data, start, end, display ) {
    var api = this.api(), data;
    // Total over all pages
    total_ID = api.column(0).data().reduce( function (a, b) {
        return ~~a + ~~b;
    }, 0 );
    total_Duration = api.column(1).data().reduce( function (a, b) {
        return moment.duration(a).asMilliseconds() + moment.duration(b).asMilliseconds();
    }, 0 );
    // Total over this page
    pageTotal_ID = api.column(0, { page: 'current'} ).data().reduce( function (a, b) {
        return ~~a + ~~b;
    }, 0 );
    pageTotal_Duration = api.column(1, { page: 'current'} ).data().reduce( function (a, b) {
        return moment.duration(a).asMilliseconds() + moment.duration(b).asMilliseconds();
    }, 0 );
    // Update footer Column "quantita"
    $( api.column(0).footer()).html(
        pageTotal_ID + ' ('+ total_ID +' total)'
    );
    $( api.column(1).footer()).html(
        moment.utc(pageTotal_Duration).format("HH:mm:ss") + ' ('+ moment.utc(total_Duration).format("HH:mm:ss") + ' total)'
    );
}   
});
</script>