定义日期格式化方法
目录:filters/index.js
export function formatDatetime (datetime) {
if (datetime != null) {
const dateMat = new Date(datetime);
const year = dateMat.getFullYear();
const month = (dateMat.getMonth() + 1 < 10 ? "0" + (dateMat.getMonth() + 1) : dateMat.getMonth() + 1);
const day = dateMat.getDate() < 10 ? "0" + dateMat.getDate() : dateMat.getDate();
const hh = dateMat.getHours() < 10 ? "0" + dateMat.getHours() : dateMat.getHours();
const mm = dateMat.getMinutes() < 10 ? "0" + dateMat.getMinutes() : dateMat.getMinutes();
const ss = dateMat.getSeconds() < 10 ? "0" + dateMat.getSeconds() : dateMat.getSeconds();
var timeFormat = year + '/' + month + '/' + day + ' ' + hh + ':' + mm + ':' + ss;
return timeFormat;
}
}
export function formatDate (date) {
if (date != null) {
const dateMat = new Date(date);
const year = dateMat.getFullYear();
const month = (dateMat.getMonth() + 1 < 10 ? "0" + (dateMat.getMonth() + 1) : dateMat.getMonth() + 1);
const day = dateMat.getDate() < 10 ? "0" + dateMat.getDate() : dateMat.getDate();
const timeFormat =
year + '-' + month + '-' + day;
return timeFormat;
}
}
在组件中引入,并通过过滤器使用:
import { formatDatetime, formatDate } from '@/filters/index'
filters: {
formatDateTime (value) {
return formatDatetime(value)
},
formatDate(value){
return formatDate(value)
}
},
<p>格式化时间:{{ value2 | formatDateTime }}</p>
<p>格式化日期:{{ value2 | formatDate }}</p>
<el-table-column prop="datetime" label="时间" width="180">
<template slot-scope="scope">
{{scope.row.datetime | formatDateTime}}
</template>
</el-table-column>
效果如下:(注:若时间戳格式话为1970年,说明时间戳单位为秒,修改为毫秒即可,即乘于1000)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/3c4d9528111a739e10c775d62434fc18.png)
完整代码