JAVASCRIPT引用类型之Date类型

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版》

 

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值