后端返回 date 时间日期格式为 UTC 格式字符串，形如 2022-08-11T10:50:31.050+00:00前端如何修改为yyyy-mm-dd

在不指定任何特殊配置的情况下，返回的 date 类型的字段会自动转成 UTC 格式字符串，形如 2022-08-11T10:50:31.050+00:00。
前端如何处理？

vue举例

utils 下新建 mixins.js文件

// minins.js文件
import Vue from "vue";
import { Message } from "element-ui";

Vue.mixin({
  methods: {
    // 后端日期格式化
    rTime(date) {
      var json_date = new Date(date).toJSON();
      return new Date(+new Date(json_date) + 8 * 3600 * 1000)
        .toISOString()
        .replace(/T/g, " ")
        .replace(/\.[\d]{3}Z/, "");
    },
  },
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

main.js中导入

import "@/utils/mixins.js";
1

其他页面使用

1
2
3

  data() {
    return {
    	Time:'2022-08-11T10:50:31.050+00:00'
      },
    };
  },
1
2
3
4
5
6

这样页面显示的就是2022-08-11 10:50:31，正常的时间了