前端展示后台Date格式的时间数据

最新推荐文章于 2023-06-13 13:57:43 发布

一个酒精过敏的帅哥_

最新推荐文章于 2023-06-13 13:57:43 发布

阅读量944

点赞数 1

文章标签： vue.js

本文链接：https://blog.csdn.net/m0_50861902/article/details/119149691

版权

本文介绍了如何在Vue.js项目中，通过在utils文件夹下的data.js中封装方法，然后在main.js全局引入，利用el-table的formatter属性，将后台返回的Date格式时间转换为易于阅读的格式，以便在前端页面中正确展示。

摘要由CSDN通过智能技术生成

首先我们先在 utils 文件夹下创建data.js文件封装方法

// 时间转换
exports.install = function (Vue, options) {
    Vue.prototype.formatDate = function (row, column) {
        let data = row[column.property]
        if (data == null) {
            return null
        }

        
        //  这两句是将/Date(123123123)/格式的数据转换为纯数字格式
        //  如果你的数据请求回来就是数字的化就注释掉
        var reg = /\d+/g;
        var data1 = parseInt(data.match(reg))
        


        let dt = new Date(data1)
        let yyyy = dt.getFullYear()
        let MM = (dt.getMonth() + 1).toString().padStart(2, '0')
        let dd = dt.getDate().toString().padStart(2, '0')
        let h = dt.getHours().to