JS - UTC时间转换（相差8小时解决方法）

Maggieq8324

已于 2023-03-21 16:26:36 修改

阅读量4.5k

点赞数 6

分类专栏： JS 文章标签： JS UTC

于 2021-09-18 11:18:24 首次发布

以下为本篇文章的主要内容，希望大家多提意见，如果喜欢记得点个推荐哦作者：梦想是咸鱼本文版权归作者和CSDN博客共有，欢迎转载，转载时保留原作者和文章地址即可。

本文链接：https://blog.csdn.net/weixin_41182727/article/details/120363607

版权

JS 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种解决前端显示UTC时间多出8小时的问题，通过使用JavaScript的getUTC***()方法来正确地格式化时间，避免因时区差异导致的时间显示错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

后端返回的UTC时间格式

2021-09-03T22:42:05.659+00:00

前端格式化后发现多了8小时：

2021/09/04 06:42:05

其原因是北京时间与UTC时间相差8个时区，用了常规获取日期数据的方法：

date.getFullYear()
date.getMonth()

修改方法

使用getUTC***()方法获取

/**
 * UTC时间转换
 * @returns {string}
 * @param datetime UTC时间
 * @param dateSeprator 日期拼接符
 * @param timeSeprator 时间拼接符
 * @Eexample dateFormat("2021-09-03T22:42:05.659+00:00", "/", ":")
 *           dateFormat("2021-09-03T22:42:05.659+00:00")
 */
export function transTimestamp(datetime, dateSeprator = '/', timeSeprator = ':') {
  if (datetime) {
    const date = new Date(datetime)
    const year = `${date.getUTCFullYear()}`
    let month = `${date.getUTCMonth() + 1}`
    let day = `${date.getUTCDate()}`
    let hour = `${date.getUTCHours()}`
    let minute = `${date.getUTCMinutes()}`
    let second = `${date.getUTCSeconds()}`

    if (month.length === 1) {
      month = `0${month}`
    }
    if (day.length === 1) {
      day = `0${day}`
    }
    if (day.length === 1) {
      day = `0${day}`
    }
    if (hour.length === 1) {
      hour = `0${hour}`
    }
    if (minute.length === 1) {
      minute = `0${minute}`
    }
    if (second.length === 1) {
      second = `0${second}`
    }
    return `${year}${dateSeprator}${month}${dateSeprator}${day} ${hour}${timeSeprator}${minute}${timeSeprator}${second}`
  }
}