(1)如何写出胸怀世界的时间代码

更好的代码阅读体验,请移步 作业部落 (1)如何写出胸怀世界的时间代码


ISO 8601 计时法

ISO 8601计时法规定,2015-06-05T12:33:51.012Z 末尾的Z代表UTC时间,且时间内需要带有前导0(6需要写成06)。UTC代表世界协调时间,即0号时区,约等于格林尼治事件,上面的时间还可以表示为2015-06-05T12:33:51.012+0000
天朝的北京时间(东8区),如果上面的时间表示为北京时间的话 2015-06-05T20:33:51.012+0800
注意上面关键词是转换,上面两个时间是同一个时间的不同表述方法而已。
Ps:
因为地球是自西向东转的,所以我们比西边的人,早看到太阳,所以要+0800 (地理:读者视角,看地图,上北下南左西右东)

地球转向,自西向东


8小时时差的由来

时间缺少时区标识符 && 服务器和客户端默认时区不同造成。
LeanCloud 云代码8小时时差问题
看一段示例代码

'use strict'
var localeTime = new Date('2015-01-12T12:00:00.000'); // 1-12 需要写成01-12,表达式也等于 var localeTime = new Date('2015-01-12T12:00:00.000Z);
console.log(localeTime.toISOString());//output 2015-01-12T12:00:00.000Z,ISO 8601 时间
console.log(localeTime.toLocaleString()); //output 1/12/2015, 8:00:00 PM // 转换为当地时间,此处为东8区,+8小时。

缺少时区标识,如果在同一个运行环境下执行,本身也没有什么问题,但是假设,服务器的时区设置为0时区(UTC时间),浏览器设置是东8区时间。
用户浏览器时区是东8区,生成时间 2015-01-12 12:00:00.000,
通过 new Date('2015-01-12 12:00:00.000')存入数据库后,最后存储对象实际是 2015-01-12T12:00:00.000Z,转换为东8区后,实际是,2015-01-12T20:00:00.000Z。

如果时间是在服务器上处理成字符串后传给浏览器的,浏览器视觉上看上去是对的;但是,如果把2015-01-12T12:00:00.000Z直接交给浏览器处理,在经由new Date,就会比预期多出8小时。


12:00 PM 还是 1:00 PM 哪个时间大

事实总是不是你看到的这样,js做了取余操作,12 % 12 =0

'use strict'
console.log(new Date('1/12/2015, 12:00:00 PM').getTime() - new Date('1/12/2015, 1:00:00 PM').getTime()); // output  -3600000
console.log(new Date('1/12/2015, 12:00:00 PM').getTime()); // 1421035200000
console.log(new Date('1/12/2015, 00:00:00 PM').getTime()); // 1421035200000
console.log(new Date('1/12/2015, 1:00:00 PM').getTime());  // 1421038800000

如何规避时区问题

客户端在给服务器传送时间的时候,带上时区标识;同理,服务器回传的时候,也需要带上时区标识
通过下列代码可以获取到当前所在时区,然后进行字符串拼接

'use strict'
- new Date().getTimezoneOffset()/60 // output 8,东8区

如果获取当前时间,可以简单的使用如下写法。

'use strict'
new Date().toISOString(); //获取当前时间

传递完整的时间信息,让最终的接收端去做最后的时间处理,可以实现时间的本地化(设备可以获取到当前时区);
更多的好处是,时间格式可以用更加友好的形式展现给用户,不会受困于地区和国家的变化。
尝试使用 moment-timezone
文档很完善,node && browser support.


时间格式化函数

参考了网上现有的JS日期时间格式函数,综合性能和易用性,采用拓展原生Date prototype,添加format方法,添加格式化参数引号内字符串不解析特性,示例如下。

'use strict'
/** 
 * 对日期进行格式化, 
 * @param date 要格式化的日期 
 * @param format 进行格式化的模式字符串
 *     支持的模式字母有: 
 *     y:年, 
 *     M:年中的月份(1-12), 
 *     d:月份中的天(1-31), 
 *     H:小时(0-23), 
 *     m:分(0-59), 
 *     s:秒(0-59), 
 *     S:毫秒(0-999),
 *     q:季度(1-4)
 * @return String
 * @author plusmancn@gmail.com
 *
 *  使用示例
 *  new Date().format('yyyy-MM-dd HH:mm:ss "season" q'); // 2015-06-07 11:mm:17 season 2
 *  new Date().format("yyyy-MM-dd HH:mm:ss 'season' q"); // 2015-06-07 11:mm:17 season 2
 *  new Date().format('yyyy-MM-dd HH:mm:ss 季度:q'); // 2015-06-07 11:mm:17 季度:2
 *  new Date().format('yyyy-MM-dd HH:mm:ss "季度:"q'); //2015-06-07 11:mm:17 02 
 *  // 存在Bug,不能在内部引号后紧跟标识符,中文可以通过第三个示例解决,英文单词间一般都有空格,所以影响不大。
 */

Date.prototype.format = function(fmt) {
  var o = {
    'y':this.getFullYear(),
    'M':this.getMonth() + 1,
    'd':this.getDate(),
    'H':this.getHours(),
    'm':this.getMinutes(),
    's':this.getSeconds(),
    'S':this.getMilliseconds(),
    'q':Math.floor((this.getMonth() + 3) / 3),
  }

  return fmt.replace(/('.*'|".*"|[yMdHmsSq])+/g,function(all,p){
    if (p === 'y') {
      return ('' + o['y']).substr(4-all.length);
    }else if(!!o[p]){
      var v = ''+o[p];
      return ('0'+v).substr(-v.length + (v.length < 2 && all.length > 1?-1:0));
    }else{
      return all.replace(/['"]/g,'');
    }
  });
};
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,718评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,683评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,207评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,755评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,862评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,050评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,136评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,882评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,330评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,651评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,789评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,477评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,135评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,864评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,099评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,598评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,697评论 2 351

推荐阅读更多精彩内容