方法一
1.下载插件
命令:cnpm i moment --save
2.main.js 挂载
import moment from ‘moment’//导入文件
Vue.prototype.$moment = moment;//赋值使用
3.script中使用
methods: {
dateFormat: function (row, column) {
var date = row[column.property];
if (date == undefined) {
return ''
}
;
return moment(date).format("YYYY-MM-DD")
},
4.标签中使用
<el-table-column
prop="createtime"
:formatter="dateFormat"
label="创建时间"
width="160"
header-align="center">
</el-table-column>
方法二
<div>{{time | formatDate}}</div>
export default {
data() {
return {
time: 1516703495241
};
},
filters: {
formatDate: function (value) {
let date = new Date(value);
let y = date.getFullYear();
let MM = date.getMonth() + 1;
MM = MM < 10 ? ('0' + MM) : MM;
let d = date.getDate();
d = d < 10 ? ('0' + d) : d;
let h = date.getHours();
h = h < 10 ? ('0' + h) : h;
let m = date.getMinutes();
m = m < 10 ? ('0' + m) : m;
let s = date.getSeconds();
s = s < 10 ? ('0' + s) : s;
return y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s;
}
}
}
导入
import moment from ‘moment’
使用:
{
label: "推送日期",
model: "creatTime",
width:"200px",
show: true,
disabled: true,
sortable: false,
"show-overflow-tooltip": true,
formatter(row, column, cellValue, index) {
var date = row[column.property];
if (date == undefined) {
return ''
};
return moment(date).format("YYYY-MM-DD HH:ss:mm")
}
},