美文网首页
2020-05-21 Vue中计算时间差 时分秒

2020-05-21 Vue中计算时间差 时分秒

作者: 臭臭猫爱不爱吃鱼 | 来源:发表于2020-05-21 17:36 被阅读0次

VUE中,指定formatter

<el-table-column label="时间差" align="center" :formatter="formatGap" prop="entryTime" >
      </el-table-column>

methods中,加fommatter方法,参数row, column可以取到列表中当前格的Data

formatGap(row, column) {
      let staytimeGap = new Date().getTime() - new Date(row[column.property]).getTime();
      let stayHour = Math.floor(staytimeGap/(3600*1000));
      let leave1 = staytimeGap%(3600*1000);
      let stayMin = Math.floor(leave1/(60*1000));
      let leave2 = leave1%(60*1000);
      let staySec = Math.floor(leave2/1000);
      return stayHour + "时" + stayMin + "分" + staySec + "秒";
    },

相关文章

网友评论

      本文标题:2020-05-21 Vue中计算时间差 时分秒

      本文链接:https://www.haomeiwen.com/subject/eqstahtx.html