Date类型
ECMAScript中的Date类型是在早起的Java中的java.util.Date类基础上构建的。为此,Date类型使用自UTC(Coordinated Universal Time, 国际协调时间) 1970年1月1日午夜(零时)开始经过的毫秒数来保存日期。在使用这种数据存储格式的条件下,Date类型保存的日期能够精确到1970年1月1日之前或之后的285616年。
要创建一个日期对象,使用new操作符和Date构造函数即可,如下所示:
var now = new Date();
alert(now); //Thu Apr 04 2019 07:09:11 GMT+0800 (中国标准时间)
在调用Date构造函数而不传递参数的情况下,新创建的对象自动获取当前日期和时间。如果想根据特定的日期前和时间创建日期对象,必须传入表示该日趋的毫秒数(即从UTC时间1970年1月1日午夜起至该日期止经过的毫秒数)。为了简化这一计算过程,ECMAScript提供了两个方法,Date.parse() 和 Date.UTC()。
其中, Date.parse() 方法接收一个表示日期的字符串参数,然后尝试根据这个字符串返回相应日期的毫秒数。ECMA-262没有定义Date.parse() 应该支持哪种日期格式,因此这个方法的行为因实现而异,而且通常因地区而异。
例如, 要为2004年5月25日创建一个日期对象,可以使用下面的代码:
var d = new Date(Date.parse("May 25, 2004"));
alert(d); //Tue May 25 2004 00:00:00 GMT+0800 (中国标准时间)
d = new Date(Date.parse("2005-05-25"));
alert(d); //Wed May 25 2005 08:00:00 GMT+0800 (中国标准时间)
d = new Date(Date.parse("2006/06/26"));
alert(d); //Mon Jun 26 2006 00:00:00 GMT+0800 (中国标准时间)
d = new Date(Date.parse("20070727"));
alert(d); //Invalid Date
d = new Date(Date.parse("20080828120000"));
alert(d); //Invalid Date
d = new Date(Date.parse("2009-09-29 12:00:00"));
alert(d); //Tue Sep 29 2009 12:00:00 GMT+0800 (中国标准时间)
d = new Date(Date.parse("2010/10/30 15:00:00"));
alert(d); //Sat Oct 30 2010 15:00:00 GMT+0800 (中国标准时间)
需要注意的是: 对于时间格式 yyyy-mm-dd 和时间格式 yyyy/mm/dd, 前者会在原来的基础上加上时区差, 而后者不会;
如果传入Date.parse() 方法的字符串不能表示日期,那么它返回NaN。实际上,如果直接将表示日期的字符串传递给Date函数,也会在后台调用Date.parse()。 如下:
var d = new Date("May 25, 2004");
alert(d); //Tue May 25 2004 00:00:00 GMT+0800 (中国标准时间)
d = new Date("2005-05-25");
alert(d); //Wed May 25 2005 08:00:00 GMT+0800 (中国标准时间)
d = new Date("2006/06/26");
alert(d); //Mon Jun 26 2006 00:00:00 GMT+0800 (中国标准时间)
d = new Date("20070727");
alert(d); //Invalid Date
d = new Date("20080828120000");
alert(d); //Invalid Date
d = new Date("2009-09-29 12:00:00");
alert(d); //Tue Sep 29 2009 12:00:00 GMT+0800 (中国标准时间)
d = new Date("2010/10/30 15:00:00");
alert(d); //Sat Oct 30 2010 15:00:00 GMT+0800 (中国标准时间)
和手动调用Date.parse() 并把结果传给Date() 构造函数的结果是一致的。
Date.UTC() 方法同样也返回表示日期的毫秒数,但它与Date.parse() 在构建值时使用不同的信息。 Date.UTC() 的参数分别是年份,基于0的月份(一月是0, 二月是1, 以此类推),月中的哪一天(1 到 31), 小时数(0 到 23), 分钟, 秒以及毫秒数。 在这些参数中,只有前两个参数(年和月)是必须的。如果没有提供月中的天数,则假设天数为1;如果省略其他参数,则统统假设为0。 如下:
var y2k = new Date(Date.UTC(2000,0)); alert(y2k); //Sat Jan 01 2000 08:00:00 GMT+0800 (中国标准时间) y2k = new Date(2000, 0); alert(y2k); //Sat Jan 01 2000 00:00:00 GMT+0800 (中国标准时间) var allFives = new Date(Date.UTC(2005, 4, 5, 17, 55, 55)); alert(allFives); //Fri May 06 2005 01:55:55 GMT+0800 (中国标准时间) allFives = new Date(2005, 4, 5, 17, 55, 55); alert(allFives); //Thu May 05 2005 17:55:55 GMT+0800 (中国标准时间)
注意红色字体的区别!!!
ECMAScript5 添加了Date.now() 方法, 返回表示调用这个方法的日期和时间的毫秒数。这个方法简化了使用Date对象分析代码的工作。例如:
//取得开始时间 var start = Date.now(); //调用函数 doSomething(); //取得停止时间 var stop = Date.now(); var result = stop - start; alert(result); function doSomething() { console.log("Transfer function doSomething ..."); }
在不支持的浏览器中可以使用+操作符把Date对象转换成字符串,也可以达到同样的目的。
//取得开始时间 var start = +Date.now(); //调用函数 doSomething(); //取得停止时间 var stop = +Date.now();
需要注意的一点是, Date.now() 的方法返回的值加上了时区差, 如下:
var now = Date.now(); alert(now); //1554644841486 var d = new Date(now); alert(d); //Sun Apr 07 2019 21:47:21 GMT+0800 (中国标准时间) 本地电脑系统的显示时间
日期格式化方法:
var now = Date.now(); alert(now); //1554645282423 var d = new Date(now); alert(d.toDateString()); //Sun Apr 07 2019 alert(d.toTimeString()); //21:54:42 GMT+0800 (中国标准时间) alert(d.toLocaleDateString()); //2019/4/7 alert(d.toLocaleTimeString()); //下午9:54:42 alert(d.toUTCString()); //Sun, 07 Apr 2019 13:54:42 GMT
日期/时间组件方法:
var now = new Date(2019, 3, 7, 2); alert(now); //Sun Apr 07 2019 02:00:00 GMT+0800 (中国标准时间) alert(now.getTime()); //1557165600000 返回日期的毫秒值,与valueOf()方法返回的值相同 alert(now.getFullYear()); //2019 取得四位数的年份 alert(now.getUTCFullYear()); //2019 取得UTC四位数的年份 alert(now.getMonth()); //3 返回日期中的月份, 其中0表示1月 11表示12月 alert(now.getUTCMonth()); //3 返回UTC日期中的月份, 其中0表示1月 11表示12月 alert(now.getDate()); //7 返回日期月份中的天数(1到31) alert(now.getUTCDate()); //6 返回UTC日期月份中的天数(1到31) alert(now.getDay()); //0 返回日期中星期的星期几(0表示星期日,6表示星期六) alert(now.getUTCDay()); //6 返回UTC日期中星期的星期几(0表示星期日,6表示星期六) alert(now.getHours()); //2 返回日期中的小时数(0到23) alert(now.getUTCHours()); //18 返回UTC日期中的小时数(0到23) alert(now.getMinutes()); //0 返回日期中的分钟数(0-59) alert(now.getUTCMinutes()); //0 返回日UTC期中的分钟数(0-59) alert(now.getSeconds()); //0 返回日期中的秒数(0-59) alert(now.getUTCSeconds()); //0 返回UTC日期中的秒数(0-59) alert(now.getMilliseconds()); //0 返回日期中的毫秒数 alert(now.getUTCMilliseconds());//0 返回UTC日期中的毫秒数 alert(now.getTimezoneOffset()); //-480 返回本地时间与UTC时间相差的分钟数
对于以上方法都有相对应的setter方法, 如下(除了Day):
now.setTime(毫秒); now.setFullYear(年); now.setUTCFullYear(年) now.setMonth(月); now.setUTCMonth(月); now.setDate(日); now.setUTCDate(日); now.setHours(时); now.setUTCHours(时); now.setMinutes(分); now.setUTCMinutes(分); now.setSeconds(秒); now.setUTCSeconds(秒); now.setMilliseconds(毫秒); now.setUTCMilliseconds(毫秒);
备注: 摘取自《JAVASCRIPT高级程序设计:第3版》