[JavaScript知识库] vue elementui 表格数据时间格式转换

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> vue elementui 表格数据时间格式转换 -> 正文阅读

[JavaScript知识库]vue elementui 表格数据时间格式转换

安装moment依赖库
<el-table-column
        prop="uploadTime"
        label="上传时间"
        :formatter="formatTime"
        width="180">
</el-table-column>

JS方法中实现
methods: {
      //  格式化日期
      dateFormat(row, column) {
        const date = row[column.property]
        if (date == undefined) {
          return ''
        }
        return moment(date).format("YYYY-MM-DD  HH:mm:ss")
      }

第二种方法，亲测有效

<el-table-column
        prop="uploadTime"
        label="上传时间"
        :formatter="formatTime"
        width="180">
</el-table-column>

methods方法中实现时间转换函数

formatTime(row,column){
    let data = row[column.property]
    let dtime = new Date(data)
    const year = dtime.getFullYear()
    let month = dtime.getMonth() + 1
    if (month < 10) {
        month = '0' + month
    }
    let day = dtime.getDate()
    if (day < 10) {
        day = '0' + day
    }
    let hour = dtime.getHours()
    if (hour < 10) {
        hour = '0' + hour
    }
    let minute = dtime.getMinutes()
    if (minute < 10) {
        minute = '0' + minute
    }
    let second = dtime.getSeconds()
    if (second < 10) {
        second = '0' + second
    }
    return year+ '-' + month+ '-' + day + ' ' + hour + ':' + minute + ':' + second

}