(70)Wangdao.com第十一天_JavaScript 日期对象 Date

日期对象 Date

表示一个时间

Date 对象是 JavaScript 原生的时间库

• • 它以1970年1月1日00:00:00作为时间的零点，可以表示的时间范围是前后各1亿天（单位为毫秒）
  • 时间零点（1970年1月1日 00:00:00）

---

• 获取当前时间戳，计算机保存时间都是用的时间戳

  • time = Date.now();

    从格林威治标准时间1970年1月1日至今日此行代码执行，的毫秒数。

  • 可以利用时间戳来测试代码性能

    • time_start = Date.now();    // 获取执行本行代码的时间戳
      // 被测 代码块
      time_end = Date.now();    // 获取执行本行代码的时间戳
      
      console.log(time_end-time_start+"毫秒");

---

• 用作普通函数调用  返回当前时间的字符串
  • 不管有没有参数，返回的都是本行代码运行时的时间

  • Date();
    // "Tue Dec 01 2015 09:34:43 GMT+0800 (CST)"
    
    Date(2000, 1, 1);
    // "Tue Dec 01 2015 09:34:43 GMT+0800 (CST)"

---

• 用作构造函数 不带参数 创建一个 Date 对象

  • var d = new Date();
    document.write(d);    // 打印的是执行本行代码时的本机时间
    // Date的实例，直接求值等同于调用toString方法
    // Wed Sep 26 2018 20:55:25 GMT+0800 (中国标准时间)

• 用作构造函数 带参数 创建一个指定时间的时间对象

  • var dd = new Date("01/20/1996 12:00:00");
    
    document.write(dd);    // Sat Jan 20 1996 12:00:00 GMT+0800 (中国标准时间)

  • 参数可以是负整数，代表1970年元旦之前的时间
  • 只要是能被 Date.parse()方法解析的字符串，都可以当作参数

    • new Date('2013-2-15');
      new Date('2013/2/15');
      new Date('02/15/2013');
      new Date('2013-FEB-15');
      new Date('FEB, 15, 2013');
      new Date('FEB 15, 2013');
      new Date('Feberuary, 15, 2013');
      new Date('Feberuary 15, 2013');
      new Date('15 Feb 2013');
      new Date('15, Feberuary, 2013');
      // Fri Feb 15 2013 00:00:00 GMT+0800 (CST)
      

      // 月：0表示一月，依次类推，11表示12月。
      // 日：1到31。    日期设为0，就代表上个月的最后一天
      // 小时：0到23。
      // 分钟：0到59。
      // 秒：0到59
      // 毫秒：0到999

      // 除了日期的默认值为1，小时、分钟、秒钟和毫秒的默认值都是0
      // 这些参数如果超出了正常范围，会被自动折算。比如，如果月设为15，就折算为下一年的4月
      // 参数还可以使用负数，表示扣去的时间

  • 参数为年、月、日等多个整数时，年和月是不能省略的，其他参数都可以省略的。也就是说，这时至少需要两个参数，因为如果只使用“年”这一个参数，Date会将其解释为毫秒数
  • 日期的运算时，减法返回间隔的毫秒数，加法返回拼接的字符串。

---

• 静态方法
  • Data.now()
    • 返回当前时间距离时间零点（1970年1月1日 00:00:00 UTC）的毫秒数，相当于 Unix 时间戳乘以1000
  • Data.parse()
    • 用来解析日期字符串，返回该时间距离时间零点（1970年1月1日 00:00:00）的毫秒数
    • 日期字符串应该符合 RFC 2822 和 ISO 8061 这两个标准，即 YYYY-MM-DDTHH:mm:ss.sssZ 格式，其中最后的Z表示时区。
    • 但是，其他格式也可以被解析，请看下面的例子
      • 如果解析失败，返回NaN

      • Date.parse('Aug 9, 1995');
        Date.parse('January 26, 2011 13:51:50');
        Date.parse('Mon, 25 Dec 1995 13:30:00 GMT');
        Date.parse('Mon, 25 Dec 1995 13:30:00 +0430');
        Date.parse('2011-10-10');
        Date.parse('2011-10-10T14:48:00');

  • Data.UTC()
    • Date.UTC() 方法的参数，会被解释为 UTC 时间（世界标准时间），Date() 构造函数的参数会被解释为当前时区的时间
    • 受年、月、日等变量作为参数，返回该时间距离时间零点（1970年1月1日 00:00:00 UTC）的毫秒数

      • // 格式
        Date.UTC(year, month[, date[, hrs[, min[, sec[, ms]]]]]);
        
        // 用法
        Date.UTC(2011, 0, 1, 2, 3, 4, 567);    //

---

• 实例方法
  • valueOf()
    • 返回实例对象距离时间零点（1970年1月1日00:00:00 UTC）对应的毫秒数，该方法等同于getTime方法

      var d = new Date();
      
      d.valueOf();    //
      d.getTime();    //

  • toString()
    • 如果直接读取Date实例，就相当于调用这个方法
    • 即实例求值的时候，默认调用的是toString()方法。
    • 这导致对Date实例求值，返回的是一个字符串，代表该实例对应的时间。

      var today = new Date();
      
      today
      // "Tue Dec 01 2015 09:34:43 GMT+0800 (CST)"
      
      // 等同于
      today.toString()
      // "Tue Dec 01 2015 09:34:43 GMT+0800 (CST)"

  • get 类实例方法

    • • dd.getFullYear();    // 获取 几年    dd.getYear()距离1900的年数
        dd.getMonth();    // 获取 几月, 0表示1月，11表示12月
        dd.getDate();    // 获取 几日
        dd.getDay();    // 获取星期几，星期日为0，星期一为1
        
        dd.getHours();    // 获取 时    0-23
        dd.getMinutes();    // 获取 分    0-59
        dd.getSeconds();    // 获取 秒    0-59
        dd.getMilliSeconds();    // 获取 毫秒    0-999
        
        dd.getTime();    // 获取 时间戳    实例距离1970年1月1日00:00:00的毫秒数，等同于valueOf方法
        getTimezoneOffset()    // 返回当前时间与 UTC 的时区差异，以分钟表示，返回结果考虑到了夏令时因素

      • 获取从1996年1月20日的时间戳

        • var dd = new Date("01/20/1996 00:00:00");
          
          var hs = dd.getTime();
          console.log(hs);    //

      • var d = new Date('January 6, 2013');
        
        d.getDate();    //
        d.getMonth();    //
        d.getYear();    //
        d.getFullYear();    //
        
        d.getTimezoneOffset();    // -480
        // 返回-480，即 UTC 时间减去当前时间，单位是分钟。
        // -480表示 UTC 比当前时间少480分钟，即当前时区比 UTC 早8个小时

      • 自定义函数 计算本年度还剩下多少天

        function leftDays() {
            var today = new Date();
            var endYear = new Date(today.getFullYear(), 11, 31, 23, 59, 59, 999);
            var msPerDay = 24 * 60 * 60 * 1000;
            return Math.round( (endYear.getTime() - today.getTime()) / msPerDay);
        }

    • 以下 .getUTC* 方法返回 UTC 时间

      • dd.getUTCFullYear();    // 获取UTC 几年    dd.getYear()距离1900的年数
        dd.getUTCMonth();    // 获取UTC 几月, 0表示1月，11表示12月
        dd.getUTCDate();    // 获取UTC 几日
        dd.getUTCDay();    // 获取UTC 星期几，星期日为0，星期一为1
        
        dd.getUTCHours();    // 获取UTC 时    0-23
        dd.getUTCMinutes();    // 获取UTC 分    0-59
        dd.getUTCSeconds();    // 获取UTC 秒    0-59
        dd.getUTCMilliSeconds();    // 获取UTC 毫秒    0-999

  • set 类实例方法        设置实例对象的各个方面

  • • setYear(year);    设置距离1900年的年数。
      setFullYear(year [, month, date]);    设置四位年份。
      setMonth(month [, date]);    设置月份（0-11）。
      setDate(date);    设置实例对象对应的每个月的几号（1-31），返回改变后毫秒时间戳。
      setHours(hour [, min, sec, ms]);    设置小时（0-23）。
      setMinutes(min [, sec, ms]);    设置分钟（0-59）。
      setSeconds(sec [, ms]);    设置秒（0-59）。
      setMilliseconds();    设置毫秒（0-999）。
      setTime(milliseconds);    设置毫秒时间戳。
      没有setDay方法，因为星期几是计算出来的，而不是设置的
      

      setUTCDate()

      setUTCFullYear()

      setUTCHours()

      setUTCMilliseconds()

      setUTCMinutes()

      setUTCMonth()

      setUTCSeconds()

  • to  类实例方法
    • Date.prototype.toUTCString()
      • 返回对应的 UTC 时间，也就是比北京时间晚8个小时

        var d = new Date(2013, 0, 1);
        
        d.toUTCString();    // "Mon, 31 Dec 2012 16:00:00 GMT"

    • Date.prototype.toISOString()
      • 返回对应时间的 ISO8601 写法

      • // 返回的总是 UTC 时区的时间
        var d = new Date(2013, 0, 1);
        
        d.toISOString();    // "2012-12-31T16:00:00.000Z"

    • Date.prototype.toJSON()
      • 返回一个符合 JSON 格式的 ISO 日期字符串，与toISOString方法的返回结果完全相同
    • Date.prototype.toDateString()
      • 返回日期字符串（不含小时、分和秒）
    • Date.prototype.toTimeString()
      • 返回时间字符串（不含年月日）

        var d = new Date(2013, 0, 1);
        d.toTimeString();     // "00:00:00 GMT+0800 (CST)"

    • Date.prototype.toLocaleString()
      • 将 Date 实例转为表示完整的本地时间字符串
    • Date.prototype.toLocaleDateString()
      • 将 Date 实例转为表示本地时间（不含小时、分和秒）的字符串
    • Date.prototype.toLocaleTimeString()
      • 将 Date 实例转为表示本地时间（不含年月日）的字符串

        var d = new Date(2013, 0, 1);
        
        d.toLocaleString()
        // 中文版浏览器为"2013年1月1日 上午12:00:00"
        // 英文版浏览器为"1/1/2013 12:00:00 AM"
        
        d.toLocaleDateString()
        // 中文版浏览器为"2013年1月1日"
        // 英文版浏览器为"1/1/2013"
        
        d.toLocaleTimeString()
        // 中文版浏览器为"上午12:00:00"
        // 英文版浏览器为"12:00:00 AM"

        这三个方法都有两个可选的参数

        • • var d = new Date(2013, 0, 1);
            
            d.toLocaleString('en-US');    // "1/1/2013, 12:00:00 AM"
            d.toLocaleString('zh-CN');    // "2013/1/1 上午12:00:00"
            
            d.toLocaleDateString('en-US');    // "1/1/2013"
            d.toLocaleDateString('zh-CN');    // "2013/1/1"
            
            d.toLocaleTimeString('en-US');    // "12:00:00 AM"
            d.toLocaleTimeString('zh-CN');    // "上午12:00:00"
            
            

            var d = new Date(2013, 0, 1);
            
            // 时间格式
            // 下面的设置是，星期和月份为完整文字，年份和日期为数字
            d.toLocaleDateString('en-US', {
              weekday: 'long',
              year: 'numeric',
              month: 'long',
              day: 'numeric'
            });    // "Tuesday, January 1, 2013"
            
            // 指定时区
            d.toLocaleTimeString('en-US', {
              timeZone: 'UTC',
              timeZoneName: 'short'
            });    // "4:00:00 PM UTC"
            
            d.toLocaleTimeString('en-US', {
              timeZone: 'Asia/Shanghai',
              timeZoneName: 'long'
            });    // "12:00:00 AM China Standard Time"
            
            // 小时周期为12还是24
            d.toLocaleTimeString('en-US', {
              hour12: false
            });    // "00:00:00"
            
            d.toLocaleTimeString('en-US', {
              hour12: true
            });    // "12:00:00 AM"