微客导航 » 文章资讯 » element-ui 表格数据时间格式化的方法

element-ui 表格数据时间格式化的方法

2023-09-08 16:57:05 317

后台返回时间格式 /1470220594000/

在element-ui table如何格式化呢

1.首先

主要是:formatter="dateFormat"这个属性

formatter 用来格式化内容 Function(row,column,cellValue,index)

然后在 methods方法对象里添加如下方法

//时间格式化
dateFormat(row,column,cellValue,index){
constdaterc=row[column.property]
if(daterc!=null){
constdateMat=newDate(parseInt(daterc.replace("/Date(","").replace(")/",""),10));
constyear=dateMat.getFullYear();
constmonth=dateMat.getMonth()+1;
constday=dateMat.getDate();
consthh=dateMat.getHours();
constmm=dateMat.getMinutes();
constss=dateMat.getSeconds();
consttimeFormat=year+"/"+month+"/"+day+""+hh+":"+mm+":"+ss;
returntimeFormat;
}

}

格式化后：

2018/2/278:59:19

PS：ElementUI的表格table列的宽度自适应设置

不要设置 width="110px"

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

element-ui 表格数据时间格式化的方法

热门推荐

随机推荐