javascript - 在 Mozilla Firefox 中使用 moment.js 时获取日期中的无效日期

Question

我目前正在使用 moment.js 库向我的用户实时呈现日期，但经过今天的一些测试，我注意到一些非常奇怪的事情，当在 Firefox 中向用户列出所有可能的日期时，moment.js 无法在日期“2015-09-14”中添加天数。在搜索开发人员文档和互联网后，我发现您必须传递一个 ISO8601 有效日期或通过传递明确的日期信息来构造，但结果仍然让我感到困惑。

下面是一些代码来帮助理解:

工作案例(从当前时间创建一个 moment() 实例):

var printVar = moment();
var divInfo  = document.getElementById('calendars');
divInfo.innerHTML += "<ul>";

for(var i=0; i<40; i++){
    divInfo.innerHTML += "<li> " + printVar.format('DD/MM/YYYY') + " </li>";            
    printVar = moment(printVar).add(1, 'days');
}

divInfo.innerHTML += "</ul>";

我的结果:

• 15/10/2015
• 16/10/2015
• 2015 年 10 月 17 日
• 18/10/2015
• 2015 年 10 月 19 日
• 2015 年 10 月 20 日

奇怪的情况 #1(使用编码为“YYYY-MM-DD”的时间创建 moment()):

var printVar = moment('2015-09-14');

var divInfo  = document.getElementById('calendars');
divInfo.innerHTML += "<ul>";

for(var i=0; i<40; i++){
    divInfo.innerHTML += "<li> " + printVar.format('DD/MM/YYYY') + " </li>";            
    printVar = moment(printVar).add(1, 'days');
}

divInfo.innerHTML += "</ul>";

我的结果:

• 15/10/2015
• 2015 年 10 月 16 日
• 2015 年 10 月 17 日
• 2015 年 10 月 17 日
• 18/10/2015
• 2015 年 10 月 19 日

奇怪的情况 #2(使用像 moment([2015, 8, 14]) 这样的显式构造函数创建 moment())返回相同的结果:

• 15/10/2015
• 2015 年 10 月 16 日
• 2015 年 10 月 17 日
• 2015 年 10 月 17 日
• 18/10/2015
• 2015 年 10 月 19 日

火狐版本:40.0.3

感谢大家的帮助!

Answer 1

你一定在巴西!

• 巴西为daylight saving time“跃跃欲试” 2015 年 10 月 18 日午夜。也就是说，时钟从 2015-10-17T23:59:59.999 到 2015-10-18T01:00:00.000。 您所在时区的这一天没有午夜!

• Moment 仍然在内部使用 Date 对象进行某些操作。

• Date 对象在涉及 DST 转换边缘情况(例如处理无效或不明确的值)时在不同浏览器上的实现方式不同。

• 当您提供无效值时，Firefox 恰好将后退一个小时。 Chrome 等其他浏览器 forwards(恕我直言，这更明智)。

考虑一下我为发生 DST 的巴西(巴西利亚、圣保罗等)设置的时区:

在 FireFox 中:

但是在 Chrome 中:

请注意，通过向后移动而不是向前移动，中间两个值的日期相差一个。

需要明确的是，这是一个浏览器问题 - 而不是一时的问题。仅使用 Date 对象即可获得类似的结果。 Moment可以检测到此问题并进行补偿，但目前没有。

获得一致行为(使用 Date 或使用 moment)的解决方法是在处理仅日期值时使用 noon。 DST 转换始终发生在晚上，因此使用中午比午夜更安全。

火狐:

Chrome :