首页 VueJS Vue3.0之Table表格日期格式化

Vue3.0之Table表格日期格式化

作者:胡同里的砖头 围观群众:370 更新于:2022-05-25

表格列

<el-table-column
align="center"
:formatter="dateFormat"
label="生日"
prop="birthday"
show-overflow-tooltip
/>
第二步:安装moment(npm install monent)
然后引入:import moment from 'moment'

最后写一个格式化方法
const dateFormat = (val) => {
return moment(val.birthday).format('yyyy-MM-DD')
}
最后别忘了把dateFormat 方法写在return里面返回
return {
...toRefs(state),
handleSizeChange,
handleCurrentChange,
queryData,
fetchData,
doEdit,
doDel,
handleFold,
handleHeight,
Delete,
Plus,
Search,
dateFormat,//格式化方法返回
}
效果如图

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