首页 VueJS Vue 3.0 El-Table日期格式化

Vue 3.0 El-Table日期格式化

作者:胡同里的砖头 围观群众:145 更新于:2024-02-06

1.首先先安装Day.js 使用 npm 安装

npm install dayjs --save
2.导入使用
import dayjs from "dayjs";
3.在table表格中列表项中,加入 :formatter=“dateformatter”
  <!--  :formatter="dateformatter"  格式化日期 -->
<el-table-column
prop="lastUpdateTime"
label="最近操作时间"
:formatter="dateformatter"
/>
4.然后添加dateformatter函数
// 格式化日期
const dateformatter = (row: any, column: any) => {
return dayjs(row.lastUpdateTime).format("YY-MM-DD HH:mm:ss");
};
5.结果展示:

  • 本文标题: Vue 3.0 El-Table日期格式化
  • 文章分类:【VueJS】
  • 非特殊说明,本文版权归【胡同里的砖头】个人博客 所有,转载请注明出处.
留言评论
站点声明:
1、本站【胡同里的砖头】个人博客,借鉴网上一些博客模板,取其各优点模块自行拼装开发,本博客开发纯属个人爱好。
2、所有笔记提供给广大用户交流使用,可转载,可复制,纯个人开发所遇问题锦集记录使用
Copyright © huzlblog.com All Rights Reserved. 备案号:苏ICP备2021056683号-8