vue获取时间并格式化_关于 vue 时间格式化

关于vue element-ui组件 时间格式转换

下载moment.js

npm install moment --save

1,在组件中

prop="createTime"

:formatter="dateFormat"

label="创建时间">

用 ':formatter' 来绑定 设置时间格式的方法 dateForma

2，在methods 中定义 dateForma

引入moment.js

import moment from 'moment'

methods:{

dateForma:function(row,column){

var date = row[column.property];

if(date == undefined){return ''};

return moment(date).format("YYYY-MM-DD ")

}

}

如下图所示

图-1

若需要精确到时分秒 则 如下

methods:{

dateForma:function(row,column){

var date = row[column.property];

if(date == undefined){return ''};

return moment(date).format("YYYY-MM-DD HH:mm:ss ")

}

}

.