时间戳

首页 > 技术文章 > 如何使不同时区的时间与京8区一致？（JS实现）

如何使不同时区的时间与京8区一致？（JS实现）

fayin 2017-12-26 17:12 原文

如何使不同时区的时间与京8区一致？（JS实现）

Update：2019/1/28

更简单的是使用这个函数（toDate）：

// 自定义日期格式如下(年月日都必须提供):
// "2011-11-11"
// "2011-11-11 11:11"
// "2011-11-11 11:11:11"
const re_custom = /^(\d{4})-(\d{2})-(\d{2})(?: (\d{2}):(\d{2})(?::(\d{2}))?)?$/;

// iso8601日期格式见:
// http://www.ecma-international.org/ecma-262/5.1/#sec-15.9
const re_iso8601 = /^(\d{4})(?:-(\d{2})(?:-(\d{2}))?)?T(?:(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{3}))?)?)?Z?$/;
const _toString = Object.prototype.toString;

// instanceof Date在跨frame和cypress测试上返回false
function isDate(o) {
  return _toString.call(o) === '[object Date]';
}

function toDate(input) {
  if (!input) {
    return new Date();
  } else if (isDate(input)) {
    return new Date(input);
  } else if (typeof input === 'number') {
    return new Date(input);
  } else if (typeof input === 'string'){
    // 如果是自定义的格式，则用本地时间，
    // 否则，使用原生的构造方法(本地还是UTC看具体实现)。
    let r = re_custom.exec(input);
    if (r) {
      return new Date(~~r[1], ~~r[2]-1, ~~r[3], ~~r[4], ~~r[5], ~~r[6]);
    }

    r = re_iso8601.exec(input);
    if (r) {
      // month/date缺省值为1月/1日
      let month = ~~r[2] - 1;
      if (month < 0) month = 0;
      let date = ~~r[3];
      if (date === 0) date = 1;

      return new Date(Date.UTC(~~r[1], month, date, ~~r[4], ~~r[5], ~~r[6], ~~r[7]));
    }

    return new Date(input);
  }
}

----------------------------分割线-------------------------------

一般而言，我们都以时间戳的方式存储某个时间。在需要的时候提取出来，根据不同业务需求进行转化：

function transfromDate(time) {
  // 假设time是时间戳，如：1514273945276
  let curDate = new Data(time);
  // todo
}

这里存在一个潜在问题——改变本机的时区，curDate的值会发生变化！shit！！！

当Date作为构造函数调用并传入多个参数时，所定义参数代表的是当地时间
MDN

即，构造出的日期用来显示时，会被转换为本地时间（调用 toString 方法）：

>new Date()
<Tue Dec 26 2017 15:47:50 GMT+0800 (中国标准时间)

GMT AND UTC

GMT+0800是个什么东西呢？我们先来介绍一些可能当年在地理课上学习过的基本概念。

以前人们通过观察太阳的位置来决定时间（比如：使用日晷），这就使得不同经纬度的地区时间是不一样的。后来人们进一步规定以子午线为中心，向东西两侧延伸，每 15 度划分一个时区，刚好是 24 个时区。然后因为一天有 24 小时，地球自转一圈是 360 度，360 度 / 24 小时 = 15 度/小时，所以每差一个时区，时间就差一个小时。

GMT：
最开始的标准时间（子午线中心处的时间）是英国伦敦的皇家格林威治天文台的标准时间（因为它刚好在本初子午线经过的地方），这就是我们常说的 GMT（Greenwich Mean Time）。

然后其他各个时区根据标准时间确定自己的时间，往东的时区时间早（表示为 GMT+hh:mm）、往西的时区时间晚（表示为 GMT-hh:mm）。比如，中国标准时间是东八区，我们的时间就总是比 GMT 时间早 8 小时，他们在早晨 9 点，我们才凌晨 1 点。

所以，GMT+0800 表示早于格林威治时间8小时。

UTC：
但是GMT其实是根据地球自转、公转计算的（太阳每天经过英国伦敦皇家格林威治天文台的时间为中午 12 点），不是非常准确，于是后面提出了根据原子钟计算的标准时间 UTC（Coordinated Universal Time）。

一般情况下，GMT 和 UTC 可以互换，但是实际上，GMT 是一个时区，而 UTC 是一个时间标准。

JS使不同时区的时间与京8区一致

要计算不同时区相对于京8区的时间偏差，我们要借助 Javascript 中的 Date 对象的实例方法 getTimezoneOffset():

getTimezoneOffset() 方法返回协调世界时（UTC）相对于当前时区的时间差值，单位为分钟。
如果本地时区早于协调世界时(UTC)，则该差值为负值，如果晚于协调世界时则为正值

东时区 格林威治 西时区
GMT +/- + -
getTimezoneOffset() < 0 > 0
早/晚 早 晚

完整代码：

/**
 * 获取绝对时间
 * 即无论你在哪个时区，得到的时间和京8区的时间一致
 * 
 * @param {Date} time 
 * @returns {years,month, day, hours, minutes, seconds}
 */
function getAbsTime(time) {
  try {
    let currentZoneTime = new Date(time);
    let currentZoneHours = currentZoneTime.getHours();
    let offsetZone = currentZoneTime.getTimezoneOffset() / 60;

    if(offsetZone > 0) {
      // 大于0的是西区（西区晚） 西区应该用时区绝对值加京八区 重新设置时间
      // 西区时间比东区时间晚 所以加时区间隔
      offsetZone = offsetZone + 8;
      currentZoneTime.setHours(currentZoneHours - offsetZone)
    } else {
      // 小于0的是东区（东区早）  东区时间直接跟京八区相加
      offsetZone += 8; 
      currentZoneTime.setHours(currentZoneHours + offsetZone);
    }
    return transfromDate(currentZoneTime)
  } catch(e) {
    throw e
  }
}

部分类容节选自：

https://segmentfault.com/a/1190000004292140
https://www.cnblogs.com/liyunhua/p/4661070.html

推荐阅读