• 如何使不同时区的时间与京8区一致?(JS实现)


    如何使不同时区的时间与京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

  • 相关阅读:
    ThickBox弹出框的使用方法
    DATASET排序
    jQuery重要插件!
    获取所有querystring变量名
    using要写多少
    【MM系列】SAP MM模块-关于批次特性的查看和获取
    【MM系列】SAP SAP的账期分析和操作
    【ABAP系列】SAP ABAP基础-abap数据类型的解析整理
    【ABAP系列】SAP ABAP基础-录制BDC的MODE定义解析
    【ABAP系列】SAP ABAP基础-数据更新至数据库操作解析
  • 原文地址:https://www.cnblogs.com/fayin/p/8119023.html
Copyright © 2020-2023  润新知