vue3 el-table-column 修改时间格式

根据element文档说明,el-table中的el-table-column 是可以使用 formatter 格式化时间的。

 

 先添加 绑定函数 formatter 

<el-table-column prop="createdTimeFormat" :formatter="dateFormat" label="日期" width="170"></el-table-column>

 新建格式化时间的函数

复制代码
//时间格式化
const dateFormat =  (row) => {
    let time = new Date(row.createdTime)// row 表示一行数据, createdTime 表示要格式化的字段名称
    if(!time){
        return ''
    }
    let year = time.getFullYear()
    let month = dateIfAddZero(time.getMonth()+1)
    let day = dateIfAddZero(time.getDate())
    return year + '-' + month + '-' + day+ ' '
}

const dateIfAddZero = (time) => {
    return time < 10 ? '0'+ time : time
}
复制代码

最后就大功告成

 

 

posted @   Func~  阅读(2616)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示