您的位置:首页 > Web前端 > JavaScript

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

2018-02-15 08:29 435 查看
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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: