首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >后端返回 date 时间日期格式为 UTC 格式字符串,形如 2022-08-11T10:50:31.050+00:00前端如何修改为yyyy-mm-dd

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

作者头像
fruge365
发布2025-12-15 10:46:54
发布2025-12-15 10:46:54
1190
举报

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

vue举例

utils 下新建 mixins.js文件

代码语言:javascript
复制
// 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中导入

代码语言:javascript
复制
import "@/utils/mixins.js";

其他页面使用

代码语言:javascript
复制
<template>
	{{ rTime(Time) }}
</template>
代码语言:javascript
复制
  data() {
    return {
    	Time:'2022-08-11T10:50:31.050+00:00'
      },
    };
  },

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2025-12-09,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • vue举例
  • main.js中导入
  • 其他页面使用
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档