如何使用Tabulator.js计算时间

时间:2019-02-08 10:47:07

标签: html time calculator tabulator

我当前正在使用Tabulator.js来为我的项目生成一个表。 在我的项目中,我从firebase接收信息,并将其加载到TABULATOR.js(http://tabulator.info)设计的表中。

我知道如何计算表格中的正常值。但是我想计算时间。例如,在第1行中,我得到00:45(45分钟),在第2行中,我得到了1:10,结果行应该给我1:55。

我对网络编码不是很熟悉,这就是为什么我要求您的帮助。

我的代码:

var table = new Tabulator("#editor", {
        downloadConfig:{
            columnGroups:false, 
            rowGroups:false,
        },
        height:360, 
        data: arrayFlight,
        pagination:"local",
        resizableColumns: false,
        paginationSize:12,
        columnVertAlign:"center",
        columnHoriAlign:"center",
        columns:[ //I show you only the requested column
            {
            title:"SINGLE PILOT FLIGHT TIME",
                columns:[
                {title:"SE", field:"seTime", align:"center", formatter:"datetime", formatterParams:{inputFormat:"hh:mm:ss", outputFormat:"hh:mm:ss", invalidPlaceholder:"-"}, sorter:false, headerSort:false, width:95, bottomCalc:"sum", bottomCalcParams:{precision:2}},
                {title:"ME", field:"meTime", align:"center", formatter:"datetime", formatterParams:{inputFormat:"hh:mm:ss", outputFormat:"hh:mm:ss", invalidPlaceholder:"-"}, sorter:false, headerSort:false, width:95},
                ],
            },  
        ],

感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

您需要为此使用自定义列计算,如下所示:

//define custom calculation function
var timeSum = function(values, data, calcParams){
    //values - array of column values
    //data - all table data
    //calcParams - params passed from the column definition object

    var time = 0;

    values.forEach(function(value){
        if(value){
            //split time value into minutes and sum
            var values = value.split(":");

            time += parseInt(values[0]) * 60;
            time += parseInt(values[1]);
        }
    });

    //format sum as hour:minute
    return Math.floor(time/60) + ":" + time%60;
};

然后您可以在列定义中分配它:

{title:"SE", field:"seTime", bottomCalc:timeSum}