vue使用element 动态刷新表格赋值(vue相关)
1.vue使用element 动态刷新表格赋值(算时间差)<el-table-column prop="duration" sortable label="使用时长(时)" :formatter="timestampToTime" width="100"/>/**** @param {*} start 起始时间2022-02-25 12:12:12 时间格式化字符串* @param {
·
1.vue使用element 动态刷新表格赋值(算时间差)
<el-table-column prop="duration" sortable label="使用时长(时)" :formatter="timestampToTime" width="100"/>
/**
*
* @param {*} start 起始时间 2022-02-25 12:12:12 时间格式化字符串
* @param {*} end 结束时间 2022-02-25 13:12:12 时间格式化字符串
* @return 相差时间(分钟)
*/
//计算时间差值
formatGap(start, end) {
// let staytimeGap = new Date().getTime() - new Date(start).getTime();
let staytimeGap = new Date(end).getTime() - new Date(start).getTime();
let stayHour = Math.round(staytimeGap / (3600 * 1000)*100)/100; // 小时
return stayHour;
},
//table获取数据return赋值到表格渲染。
timestampToTime(row) {
if(row.status===0){
return row.duration
}
else{
console.log(row.createTime+"568")
var nowhour=new Date();
var duration=this.formatGap(row.createTime,nowhour)
console.log(duration);
return duration
}
},
:formatter="timestampToTime"方法动态使用数据。
更多推荐
已为社区贡献1条内容
所有评论(0)