JAVASCRIPT引用类型之Date类型

r囧r小猫 2022-02-24 12:22 256阅读 0赞

## 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(毫秒);