需求需要把后端返回数据转化为指定数据格式,后端返回数据下图所示,那么在Element Plus表格如何时间进行格式化呢。

解决方案如下所示 

使用 formatter属性自定义方法格式化日期格式,方法如下图所示

 //时间格式化
            formatDate (row, column) {
                // 获取单元格数据
                let datac = row[column.property];
                let dtc = new Date(datac)
                //获取月,默认月份从0开始
                let dtuMonth = dtc.getMonth() + 1
                //获取日
                let dtuDay = dtc.getDate()
                //处理1-9月前面加0
                if (dtuMonth < 10) {
                    dtuMonth = "0" + (dtc.getMonth() + 1)
                }
                //处理1-9天前面加0
                if (dtuDay < 10) {
                    dtuDay = "0" + dtc.getDate()
                }
                //获取小时
                let dtuHours = dtc.getHours()
                //处理1-9时前面加0
                if (dtuHours < 10) {
                    dtuHours = "0" + dtc.getHours()
                }
                //获取分钟
                let dtuMinutes = dtc.getMinutes()
                //处理1-9分前面加0
                if (dtuMinutes < 10) {
                    dtuMinutes = "0" + dtc.getMinutes()
                }
                //获取秒
                let dtuSeconds = dtc.getSeconds()
                //处理1-9秒前面加0
                if (dtuSeconds < 10) {
                    dtuSeconds = "0" + dtc.getSeconds()
                }
                //组装年月日时分秒,按自己的要求来
                let dd=dtc.getFullYear() + "/" + dtuMonth + "/" + dtuDay;
                return  row.TableIsbibei=dd;
                //+ " " + dtuHours + ":" + dtuMinutes + ":" + dtuSeconds
            }

最终页面展示效果下图所示。 

原文地址:https://blog.csdn.net/qq_39506434/article/details/130273388

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_26018.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注