入门前端-《JavaScript 语言入门教程-Date对象》

- 日理万妓 2023-01-13 10:00 212阅读 0赞

### 文章目录 ###

*  Date
 *   *  普通函数的用法
     *  Date.now()
     *  Date.parse()
     *  valueOf()
     *  本地时间
     *  get 类方法
     *  set 类方法
 *  示例
 *   *  计算本年度还剩下多少天。
     *  显示星期数
     *  许多天之前是哪个月几号？
     *  某月的最后一天？
     *  今天过去了多少秒？
     *  距离明天还有多少秒？
     *  格式化相对日期（距离当前多少时间）

# Date #

## 普通函数的用法 ##

Date对象可以作为普通函数直接调用，返回一个代表当前时间的字符串。

Date()
    // "Tue Dec 01 2015 09:34:43 GMT+0800 (CST)"

注意，即使带有参数，Date作为普通函数使用时，返回的还是当前时间。

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

上面代码说明，无论有没有参数，直接调用Date总是返回当前时间。

## Date.now() ##

`Date.now`方法返回当前时间距离时间零点`（1970年1月1日 00:00:00 UTC）`的毫秒数，相当于 `Unix` 时间戳乘以`1000`，它相当于 `new Date().getTime()`，但它不会创建中间的 `Date`对象。因此它更快，而且不会对垃圾处理造成额外的压力。

Date.now() // 1364026285194

## Date.parse() ##

`Date.parse`方法用来解析日期字符串，返回该时间距离时间零点`（1970年1月1日 00:00:00）`的毫秒数。

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')

## valueOf() ##

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

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

预期为数值的场合，`Date`实例会自动调用该方法，所以可以用下面的方法计算时间的间隔。

var start = new Date();
    // ...
    var end = new Date();
    var elapsed = end - start;

## 本地时间 ##

以下三种方法，可以将 Date 实例转为表示本地时间的字符串。

Date.prototype.toLocaleString()：完整的本地时间。
    Date.prototype.toLocaleDateString()：本地日期（不含小时、分和秒）。
    Date.prototype.toLocaleTimeString()：本地时间（不含年月日）。

下面是用法实例。

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"

## get 类方法 ##

Date对象提供了一系列get\*方法，用来获取实例对象某个方面的值。

getTime()：返回实例距离1970年1月1日00:00:00的毫秒数，等同于valueOf方法。
    getDate()：返回实例对象对应每个月的几号（从1开始）。
    getDay()：返回星期几，星期日为0，星期一为1，以此类推。
    getFullYear()：返回四位的年份。
    getMonth()：返回月份（0表示1月，11表示12月）。
    getHours()：返回小时（0-23）。
    getMilliseconds()：返回毫秒（0-999）。
    getMinutes()：返回分钟（0-59）。
    getSeconds()：返回秒（0-59）。
    getTimezoneOffset()：返回当前时间与 UTC 的时区差异，以分钟表示，返回结果考虑到了夏令时因素。
    所有这些get*方法返回的都是整数，不同方法返回值的范围不一样。
    
    分钟和秒：0 到 59
    小时：0 到 23
    星期：0（星期天）到 6（星期六）
    日期：1 到 31
    月份：0（一月）到 11（十二月）
    var d = new Date('January 6, 2013');
    
    d.getDate() // 6
    d.getMonth() // 0
    d.getFullYear() // 2013
    d.getTimezoneOffset() // -480

## set 类方法 ##

Date对象提供了一系列set\*方法，用来设置实例对象的各个方面。

setDate(date)：设置实例对象对应的每个月的几号（1-31），返回改变后毫秒时间戳。
    setFullYear(year [, month, date])：设置四位年份。
    setHours(hour [, min, sec, ms])：设置小时（0-23）。
    setMilliseconds()：设置毫秒（0-999）。
    setMinutes(min [, sec, ms])：设置分钟（0-59）。
    setMonth(month [, date])：设置月份（0-11）。
    setSeconds(sec [, ms])：设置秒（0-59）。
    setTime(milliseconds)：设置毫秒时间戳。
    这些方法基本是跟get*方法一一对应的，但是没有setDay方法，因为星期几是计算出来的，而不是设置的。另外，需要注意的是，凡是涉及到设置月份，都是从0开始算的，即0是1月，11是12月。
    
    var d = new Date ('January 6, 2013');
    
    d // Sun Jan 06 2013 00:00:00 GMT+0800 (CST)
    d.setDate(9) // 1357660800000
    d // Wed Jan 09 2013 00:00:00 GMT+0800 (CST)

set类方法和get类方法，可以结合使用，得到相对时间。

var d = new Date();
    
    // 将日期向后推1000天
    d.setDate(d.getDate() + 1000);
    // 将时间设为6小时后
    d.setHours(d.getHours() + 6);
    // 将年份设为去年
    d.setFullYear(d.getFullYear() - 1);

# 示例 #

## 计算本年度还剩下多少天。 ##

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);
    }

## 显示星期数 ##

> 编写一个函数 `getWeekDay(date)` 以短格式来显示一个日期的星期数：`‘MO’，‘TU’，‘WE’，‘TH’，‘FR’，‘SA’，‘SU’`。

例如：

let date = new Date(2012, 0, 3);  // 3 Jan 2012
    alert( getWeekDay(date) );        // 应该输出 "TU"
    
    date.getDay() 方法返回从星期日开始的星期数。

我们创建一个关于星期的数组，这样我们就可以通过编号获取正确的日期名称：

function getWeekDay(date) { 
      let days = ['SU', 'MO', 'TU', 'WE', 'TH', 'FR', 'SA'];
    
      return days[date.getDay()];
    }
    
    let date = new Date(2014, 0, 3); // 3 Jan 2014
    alert( getWeekDay(date) ); // FR

## 许多天之前是哪个月几号？ ##

> 写一个函数 `getDateAgo(date, days)`，返回特定日期 `date` 往前 `days` 天是哪个月的哪一天。

例如，假设今天是 `20` 号，那么 `getDateAgo(new Date(), 1)`的结果应该是 `19` 号，`getDateAgo(new Date(), 2)`的结果应该是 `18` 号。

跨月、年也应该是正确输出：

let date = new Date(2015, 0, 2);
    
    alert( getDateAgo(date, 1) ); // 1, (1 Jan 2015)
    alert( getDateAgo(date, 2) ); // 31, (31 Dec 2014)
    alert( getDateAgo(date, 365) ); // 2, (2 Jan 2014)

解决方案：  
从 `date` 中减去给定的天数, 但是函数不能修改 `date`。这一点很重要，因为我们提供日期的外部代码不希望它被修改。

要实现这一点，我们可以复制这个日期，就像这样：

function getDateAgo(date, days) { 
      let dateCopy = new Date(date);
    
      dateCopy.setDate(date.getDate() - days);
      return dateCopy.getDate();
    }
    
    let date = new Date(2015, 0, 2);
    
    alert( getDateAgo(date, 1) ); // 1, (1 Jan 2015)
    alert( getDateAgo(date, 2) ); // 31, (31 Dec 2014)
    alert( getDateAgo(date, 365) ); // 2, (2 Jan 2014)

## 某月的最后一天？ ##

> 写一个函数 `getLastDayOfMonth(year, month)`返回 `month` 月的最后一天。有时候是 `30`，有时是 `31`，甚至在二月的时候会是 `28/29`。

参数：

*  `year`—— 四位数的年份，比如 `2012`。
 *  `month` —— 月份，从 `0` 到 `11`。  
    举个例子，`getLastDayOfMonth(2012, 1) = 29`（闰年，二月）

解决方案：  
让我们使用下个月创建日期，但将零作为天数（day）传递：

function getLastDayOfMonth(year, month) { 
      let date = new Date(year, month + 1, 0);
      return date.getDate();
    }
    
    alert( getLastDayOfMonth(2012, 0) ); // 31
    alert( getLastDayOfMonth(2012, 1) ); // 29
    alert( getLastDayOfMonth(2013, 1) ); // 28

通常，日期从 `1` 开始，但从技术上讲，我们可以传递任何数字，日期会自动进行调整。  
因此，当我们传递 `0` 时，它的意思是`“一个月的第一天的前一天”`，换句话说：`“上个月的最后一天”`。

## 今天过去了多少秒？ ##

> 写一个函数 `getSecondsToday()`，返回今天已经过去了多少秒？

例如：如果现在是 `10:00 am`，并且没有夏令时转换，那么：

`getSecondsToday() == 36000 // (3600 * 10)`  
该函数应该在任意一天都能正确运行。那意味着，它不应具有`“今天”`的硬编码值。

解决方案：

> 为获取秒数，我们可以使用今天的日期和 `00:00:00` 这个时间创建一个日期，然后使用当前时间减去该时间。不同之处在于，从今天之初开始算起的时间是以毫秒计算的，我们应该将其除以 `1000`，进而得到秒数：

function getSecondsToday() { 
      let now = new Date();
    
      // 使用当前的 day/month/year 创建一个对象
      let today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
    
      let diff = now - today; // ms difference
      return Math.round(diff / 1000); // make seconds
    }
    
    alert( getSecondsToday() );

## 距离明天还有多少秒？ ##

> 写一个函数 `getSecondsToTomorrow()`，返回距离明天的秒数。

例如，现在是 `23:00`，那么：  
`getSecondsToTomorrow() == 3600`

P.S. 该函数应该在任意一天都能正确运行。那意味着，它不应具有`“今天”`的硬编码值。

解决方案：

> 为获取距离明天的毫秒数，我们可以用“明天 00:00:00”这个日期减去当前的日期。  
> 首先我们生成“明天”，然后对其进行减法操作：

function getSecondsToTomorrow() { 
      let now = new Date();
    
      // tomorrow date
      let tomorrow = new Date(now.getFullYear(), now.getMonth(), now.getDate()+1);
    
      let diff = tomorrow - now; // difference in ms
      return Math.round(diff / 1000); // convert to seconds
    }

## 格式化相对日期（距离当前多少时间） ##

> 写一个函数 `formatDate(date)`，能够对 `date` 进行如下格式化：

*  如果 `date` 距离现在不到 `1` 秒，输出 `"right now"`。
 *  否则，如果 `date` 距离现在不到 `1` 分钟，输出 `"n sec. ago"`。
 *  否则，如果不到 1 小时，输出 “m min. ago”。
 *  否则，以 `"DD.MM.YY HH:mm"` 格式输出完整日期。即：`"day.month.year hours:minutes"`，全部以两位数格式表示，例如：`31.12.16 10:00`。

举个例子：

alert( formatDate(new Date(new Date - 1)) ); // "right now"
    
    alert( formatDate(new Date(new Date - 30 * 1000)) ); // "30 sec. ago"
    
    alert( formatDate(new Date(new Date - 5 * 60 * 1000)) ); // "5 min. ago"
    
    // 昨天的日期，例如 31.12.16 20:00
    alert( formatDate(new Date(new Date - 86400 * 1000)) );

解决方案：

> 为了获取 date 距离当前时间的间隔 —— 我们将两个日期相减。