(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);    // 1293847384567

           

 

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

d.valueOf();    // 1362790014817
d.getTime();    // 1362790014817

         

    • 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);    // 822067200000

             

        • var d = new Date('January 6, 2013');

d.getDate();    // 6
d.getMonth();    // 0
d.getYear();    // 113
d.getFullYear();    // 2013

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"

               

posted @ 2018-09-26 21:06  耶梦加德  阅读(216)  评论(0)  编辑  收藏  举报