Date的那些事

最新推荐文章于 2025-05-08 06:00:00 发布

转载最新推荐文章于 2025-05-08 06:00:00 发布 · 53 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/liyatang/archive/2011/09/09/2172019.html

之前在公司开发一个时间控件。老手告诉我Date这个东西难搞啊，要考虑很多本身的逻辑合理性，又要考虑不同浏览器的兼容性。

当时就翻api猛查，发现了很多有意思的东西。

　　原来获取年数应该是getFullYear，不是getYear。

　　月份是从0开始的，呵呵，getMonth的时候需要 ++。

看完api原来很多方法可以在Date对象里封装了，不用自己写代码和复杂的逻辑判断了。如获取前一天可以这样

　　var d = new Date();
　　d.setDate(d.getDate() + 1)

这样就可以直接用封装好的Date对象，而不用考虑闰年，大小月的逻辑判断了。

虽然这里很方便，而api里的标准方法写的很详细。可是不同的浏览器实现起来还真是诡异，有些完全不按照标准去实现Date的。

先看下面这些代码

   var dateStr1 = "2011-02-02";
    var dateStr2 = "2011-2-2";
    var dateStr3 = "2011/02/02";

    console.log(new Date(dateStr1));
    console.log(new Date(dateStr2));
    console.log(new Date(dateStr3));

在 chrome上支持的很好，其输出结果为。三种日期格式串都可以

Wed Feb 02 2011 00:00:00 GMT+0800 (China Standard Time)
date.html:17Wed Feb 02 2011 00:00:00 GMT+0800 (China Standard Time)
date.html:18Wed Feb 02 2011 00:00:00 GMT+0800 (China Standard Time)

在ff日期格式要求就相对严格了很多。对数据的要求很高必须 YYYY-MM-DD 4位-2位-2位才可以

　　Date {Wed Feb 02 2011 08:00:00 GMT+0800}
　　Date {Invalid Date}
　　Date {Wed Feb 02 2011 00:00:00 GMT+0800}

在ie8上就更是诡异。支持"2011/01/01"或者"2011/1/1" ，不支持"2011-01-01"

 日志: NaN
 日志: NaN
 日志: Wed Feb 2 00:00:00 UTC+0800 2011

不过这些还不是令人费解的地方。ie8在调试断点状态和非调试断点状态又是不同。这可样郁闷。

现在也只是试了3个浏览器。其他浏览器还没有试过。又或者某个版本的状况又不同。要做这个的兼容可不是件容易的事。因为总有些你不知道的事冒出来。

于是我换了种实现方式。获取一个时间有3种方法。

dateObj = new Date()
dateObj = new Date(dateVal)
dateObj = new Date(year, month, date[, hours[, minutes[, seconds[,ms]]]])

那么我们来用第三种方法。从第三种方法的参数来说，都是number，于是猜测这样的兼容性应该会好点，因为大家要调用的接口是一样的。

如果还是通过传一个日期的字符串过来，那么就得把字符串转成有效的参数调用第三个方法。

大致思路如下:

function StringToDate(DateStr) {
	var converted = Date.parse(DateStr);
	var myDate = new Date(converted);
	if (isNaN(myDate)) {
		var delimCahar = DateStr.indexOf('/')!=-1?'/':'-';
		var arys = DateStr.split(delimCahar);
		myDate = new Date(arys[0], --arys[1], arys[2]);
	}
	return myDate;
}

这样我们就创建了一个某个时间的Date的对象了。大功告成。在不同浏览器上测试是通过的。

转载于:https://www.cnblogs.com/liyatang/archive/2011/09/09/2172019.html