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"方法动态使用数据。

Logo

前往低代码交流专区

更多推荐