后端返回 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/, "");
    },
  },
});

main.js中导入

import "@/utils/mixins.js";

其他页面使用

<template>
	{
   
   { rTime(Time) }}
</template>
  data() {
    return {
    	Time:'2022-08-11T10:50:31.050+00:00'
      },
    };
  },

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

猜你喜欢

转载自blog.csdn.net/qq_46123200/article/details/134442582