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

时间 2019-11-08

标签 wangdao.com wangdao com 第十一天 1天 javascript 日期对象 date 栏目 JavaScript 繁體版

原文原文链接

日期对象 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); // 打印的是执行本行代码时的本机时间
// 的实例，直接求值等同于调用方法
// Wed Sep 26 2018 20:55:25 GMT+0800 (中国标准时间)DatetoString

用做构造函数带参数 建立一个指定时间的时间对象
- ```
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到999ui
```
  // 除了日期的默认值为，小时、分钟、秒钟和毫秒的默认值都是10
  // 这些参数若是超出了正常范围，会被自动折算。好比，若是月设为15，就折算为下一年的4月
  // 参数还可使用负数，表示扣去的时间15
```
- 参数为年、月、日等多个整数时，年和月是不能省略的，其余参数均可以省略的。也就是说，这时至少须要两个参数，由于若是只使用“年”这一个参数，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的毫秒数，等同于方法
 // 返回当前时间与 UTC 的时区差别，以分钟表示，返回结果考虑到了夏令时因素valueOfgetTimezoneOffset()

获取从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()spa

setUTCFullYear()prototype

setUTCHours()code

setUTCMilliseconds()对象

setUTCMinutes()blog

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"