1.首先先安装Day.js 使用 npm 安装
npm install dayjs --save2.导入使用
import dayjs from "dayjs";3.在table表格中列表项中,加入 :formatter=“dateformatter”
<!-- :formatter="dateformatter" 格式化日期 -->4.然后添加dateformatter函数
<el-table-column
prop="lastUpdateTime"
label="最近操作时间"
:formatter="dateformatter"
/>
// 格式化日期5.结果展示:
const dateformatter = (row: any, column: any) => {
return dayjs(row.lastUpdateTime).format("YY-MM-DD HH:mm:ss");
};
- 本文标题: Vue 3.0 El-Table日期格式化
- 文章分类:【VueJS】
- 非特殊说明,本文版权归【胡同里的砖头】个人博客 所有,转载请注明出处.
- 上一篇:Vue3.0新特性----emits选项
- 下一篇: Vue 3.0 使用富木HTML编辑器