安装 dayjs 依赖包
npm install dayjs --save
util.js 公共方法文件中引入dayjs
import dayJs from 'dayjs';
import 'dayjs/locale/zh-cn';
dayJs.locale('zh-cn');
封装方法
const formatDate = (date, format) => {
if (date) {
return dayJs(date).format(format);
}
return '';
};
导出方法
export {
formatDate
}
页面按需引入
import { formatDate } from '@/plugins/utils';
使用 ( js 中) ( 结构中 )
js中使用 ----> 直接用
const date = formatDate(this.form.startDate, 'YYYY-MM');
结构中使用 ---> js中封装方法 在调用
// 结构中
<template slot-scope="scope">
{{ formatDate(scope.row.recordTime) }}
</template>
// js 中
formatDate(time) {
return formatDate(time, 'YYYY-MM-DD');
},
dayjs配置Format
处理时间的格式