1.安装
yarn add date-and-time
yarn add @types/date-and-time
2.新建utils/index.ts
yarn add date-and-time
yarn add @types/date-and-time
3.utils/index.ts中
import date_format from "date-and-time"
function dateformat(time: number) {
return date_format.format(new Date(time), 'YYYY/MM/DD HH:mm:ss')
}
export { dateformat }
4.vue页面中引入
import { dateformat } from "@/utils";
@Component({
components: {},
filters: {
dateformat: (val: any) => dateformat(val),
},
})
5.vue页面中使用
<el-table-column align="center" label="上线时间">
<template slot-scope="scope">{{scope.row.online_date | dateformat}}</template>
</el-table-column>