el-table后端返回日期2023-04-07T09:10:47.000+00:00格式转换

一：

首先el-table有个属性 :formatter="formatTime"

加在需要显示时间的地方

然后再methods中定义formatTime方法

 // 时间格式化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);},

最后页面看到的时间

二：

使用插值法转换时间格式

页面效果：

代码：

在methods中定义一个事件formatDate：

    formatDate(date) {let newDate = new Date(date);const year = newDate.getFullYear();let month = newDate.getMonth() + 1;if (month < 10) {month = "0" + month;}let day = newDate.getDate();if (day < 10) {day = "0" + day;}let hour = newDate.getHours();if (hour < 10) {hour = "0" + hour;}let minute = newDate.getMinutes();if (minute < 10) {minute = "0" + minute;}let second = newDate.getSeconds();if (second < 10) {second = "0" + second;}return (year +"-" +month +"-" +day +" " +hour +":" +minute +":" +second);},

然后在要用到时间的地方调用：

        <el-descriptions-item><template slot="label"><i class="el-icon-time"></i>处理时间</template>{{formatDate(this.tableData.endTime) }}//this.tableData.endTime为没转换前的时间格式，替换就行</el-descriptions-item>

el-table后端返回日期2023-04-07T09:10:47.000+00:00格式转换相关推荐

后端的日期类型赋值前端表单_Spring Boot实践--前端字符串日期自动转换成后台date类型。...
简单介绍在前后台开发的时候:日期格式会转来转去,很麻烦.大致总结如下: 1:后端返回对象:可以使用spring提供的:HttpMessageConverter来自动转换,有很多实现. 比如:Abst ...
（学习日记）2023.04.26
写在前面: 由于时间的不足与学习的碎片化,写博客变得有些奢侈. 但是对于记录学习(忘了以后能快速复习)的渴望一天天变得强烈. 既然如此不如以天为单位,以时间为顺序,仅仅将博客当做一个知识学习的目录, ...
Java后端返回前端的日期差9小时？
当后端返回Date类型到前端的时候,需要在实体中增加@JsonFormat注释,这个可以帮我们处理格式化,很多人都是用下面这种写法. @JsonFormat(locale = "zh&quo ...
后端返回JSON数组转Tree树形格式，展示到element-ui的tree树形组件
将js数组转换成tree树形组件要的数据格式,有时候后端返回的是数组没有处理成树状结构,这个时候就需要前端自行转换,这里采用递归方式转换要展示的效果上代码 <!DOCTYPE html> ...
如何仅从SQL Server DateTime数据类型返回日期
SELECT GETDATE() 回报: 2008-09-22 15:24:13.790 我希望该日期部分没有时间部分: 2008-09-22 00:00:00.000 我该怎么办? #1楼尝试这个 ...
Elelemt-UI el-table 接收后端返回换行符 /n 不生效
Elelemt-UI el-table 接收后端返回换行符 /n 显示未换行一.背景二.解决办法 1.代码 2.解读总结一.背景请求后端接口,返回的数据中带有换行符 \n, 直接渲染到el- ...
vue中后端返回word文件下载地址，实现文件预览功能
土豪选择: 如果不缺钱可以直接使用第三方预览收费的: 这里推荐给大家: 网址:https://view.xdocin.com/ 使用起来也非常的简单,只需要做一个地址拼接就可以使用用法:(这里使用v ...
vue3后台管理项目，后端返回动态路由
文章目录前言一.项目地址二.项目思路描述三.操作步骤 3.1拦截路由静态路由后端动态路由 3.2登录表单验证 3.3permission.js文件 3.4取后台路由并处理 3.5 layo ...
大疆秋招IBG后端笔试题 2023
大疆秋招IBG后端笔试题 2023 题型编程计算时间差(Leetcode359) 最小偏移量(Leetcode1657) 题型单选:20道:(不可修改答案好像,我没找到返回上一题的界面) 多选: ...

el-table后端返回日期2023-04-07T09:10:47.000+00:00格式转换

el-table后端返回日期2023-04-07T09:10:47.000+00:00格式转换相关推荐

最新文章

热门文章