JavaScript高级程序设计第五章引用类型——Date类型

ECMAScript中的Date类型使用自UTC(Coordinated Universal Time,国际协调时间)1970年1月1日午夜(零时)开始经过的毫秒数来保存日期。在使用这种数据存储格式的条件下,Date类型保存的日期能够精确到1970年1月1日之前或之后的100 000 000年。

要创建一个日期对象,使用new操作符和Date构造函数即可:

var now = new Date();

在调用Date构造函数而不传递参数的情况下,新创建的对象自动获得当前日期和时间。如果想根据特定的日期和时间创建日期对象,ECMAScript提供了两个方法:Date.parse()和Date.UTC().

Date.parse()方法接收一个表示日期的字符串参数,然后尝试根据这个字符串返回相应日期的毫秒数。将地区设置为美国的浏览器通常都接受下列日期格式:

1.“月/日/年”,如6/13/2004;

2.“英文月 日,年”,如January 12 ,2004;

3.“英文星期几 英文月名 日 年 时:分:秒 时区”,如Tue May 25 2004 00:00:00 GMT-0700;

例如,要在2004年5月25日创建一个日期对象:

var someDate = new Date(Date.parse("May 25,2004"));

如果传入Date.parse()方法的字符串不能表示日期,那么它会返回NaN。实际上,如果直接将表示日期的字符串传递给Date构造函数,也会在后台调用Date.parse(),下面代码与上面等价:

var someDate = new Date("May 25,2004");

日期对象及其在不同浏览器中的实现有许多奇怪的行为。其中有一种倾向是将超出范围的值替换成当前的值,以便生成输出。例如,在解析“January 32,2007”时,有的浏览器会将其解释为“February 1,2007"。而Opera则倾向于插入当前月份的当前日期,返回“January 当前日期,2007”。也就是说,如果在2007年9月21日运行前面代码,将会得到“January 21,2007”。

Date.UTC()方法同样也返回表示日期的毫秒数,但它与Date.parse()在构件值时使用不同的信息。Date.UTC()的参数分别是年份,基于0的月份(一月是0,二月是1,以此类推),月中的哪一天(1到31),小时数(0到23),分钟,秒以及毫秒数。在这些参数中,只有前两个参数(年和月)是必须的。如果没有提供天数,则假设天数是1;如果省略其他参数,则统统假设为0,举两个例子:

//GMT时间2000年1月1日午夜零时
var y2k =new Date(Date.UTC(2000,0));

//GMT时间2005年5月5日下午5:55:55
var allFives = new Date(Date.utc(2005,4,5,17,55,55));

这个例子创建了两个日期对象,第一个对象表示GMT时间2000年1月1日午夜零时,传入的值一个表示年份2000,一个是表示月份的0(即一月份)。因为其他参数是自动填充的(即月中的天数为1,其他所有参数都是0),所以就是该月第一天的午夜零时。第二个对象表示GMT时间2005年5月5日下午5:55:55,即使日期和时间中只包含5,也需要传入不一样的参数:月份必须是4(因为月份是基于0的)小时必须设置为17(因为小时以0到23表示),剩下的参数就很直观了。

如同Date构造函数模仿Date.parse()一样,它也模仿Date.UTC(),但是有一点明显不同:日期和时间都基于本地时区而非GMT来创建。不过,Date构造函数接收的参数仍然与Date.UTC()相同。因此,如果第一个参数是数值,Date构造函数就会假设该值是日期中的年份,而第二个参数是月份,以此类推。把前面的例子重写如下:

//GMT时间2000年1月1日午夜零时
var y2k =new Date(2000,0);

//GMT时间2005年5月5日下午5:55:55
var allFives = new Date(2005,4,5,17,55,55);

以上代码创建了与前面例子中相同的两个日期对象,只不过这次的日期都是基于系统设置的本地时区创建的。

ECMAScript5添加了Date.now()方法,返回表示调用这个方法时的日期和时间的毫秒数,这个方法简化了使用Date()对象分析代码的工作。例如:

//取得开始时间
var start = Date.now();
//调用函数
doSomething();
//取得停止时间
var stop = Date.now();
    result = stop - start;
在不支持它的浏览器中(IE8及早期版本),使用 +操作符获取Date对象的时间戳,也可以达到相同的目的。
//取得开始时间
var start = +new Date();
//调用函数
doSomething();
//取得停止时间
var stop = +new Date();
    result = stop - start;

5.3.1继承的方法

与其他引用类型一样,Date()类型也重写了toLocaleString(),toString(),valueOf()方法,但这些方法返回的值与其他类型中的方法不同。toLocaleString(),toString()这个两种方法在不同浏览器中返回的日期时间格式很不相同,见P101

Date()类型的valueOf()方法,则根本不返回字符串,而是返回日期的毫秒表示。因此,可以方便使用比较操作符(小于或大于)来比较日期值。

var date1 = new Date(2007, 0, 1);
var date2 = new Date(2007, 1, 1);
alert(date1 < date2);//true
alert(date1 > date2);//false
从逻辑上讲,2007年1月1日要早于2007年2月1日,此时如果我们说前者小于后者比较符合常理。而表示2007年1月1日的毫秒值小于表示2007年2月1日的毫秒值,因此在首先使用小于操作符比较日期时,返回的结果是true,这样,就为我们比较日期提供了极大的方便。

5.3.2日期格式化方法

Date类型还有一些专门用于将日期格式化为字符串的方法,这些方法如下。

1.toDateString()——以特定于实现的格式显示星期几,月,日和年;

2.toTimeString()——以特定于实现的格式显示时,分,秒和时区;

3.toLocaleDateString()——以特定于地区的格式显示星期几,月,日和年;

4.toLocaleTimeString()——以特定于实现的格式显示时,分,秒;

5.toUTCString()——以特定于实现的格式完整的UTC日期。

以上这些字符串格式方法的输出也是因浏览器而异的,因此没有哪一个方法能够用来在用户界面中显示一致的日期信息。

5.3.3日期/时间组件方法

见书P102

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值