JavaScript Date对象详解：常用实例方法介绍

It'sMyGo

于 2024-10-14 00:15:00 发布

阅读量1.6k

点赞数 31

分类专栏： javascript 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/qq_33546823/article/details/142747124

版权

javascript 专栏收录该内容

70 篇文章

订阅专栏

JavaScript Date对象详解：常用实例方法介绍

在JavaScript编程中，Date对象是用于处理日期和时间的内置对象。它提供了丰富的方法来创建、操作和格式化日期和时间。在Web开发、数据处理、日志记录等场景中，Date对象都扮演着重要的角色。

本文将详细介绍Date对象的基本概念，以及一些常用的实例方法，帮助你在日常开发中更高效地处理日期和时间。

一、Date对象的基本概念

1. 创建Date对象

有多种方式可以创建Date对象：

（1）不带参数的构造函数

创建一个表示当前日期和时间的Date对象。

let now = new Date();
console.log(now); // 输出当前日期和时间

（2）使用时间戳

传入自 1970年1月1日 00:00:00 UTC（Unix时间起点）以来的毫秒数。

let timestamp = new Date(1633072800000);
console.log(timestamp); // 根据毫秒数创建日期对象

（3）字符串格式

传入一个日期时间字符串，格式遵循ISO 8601标准。

let dateStr = new Date("2021-10-01T00:00:00");
console.log(dateStr); // 2021-10-01T00:00:00.000Z

（4）指定年、月、日等参数

按照new Date(year, monthIndex, day, hours, minutes, seconds, milliseconds)的格式创建。其中monthIndex从0开始（0表示1月）。

let specificDate = new Date(2021, 9, 1, 12, 0, 0); // 注意：9表示10月
console.log(specificDate); // 2021-10-01T04:00:00.000Z（时区可能会影响输出）

2. Date对象的表示

内部表示：Date对象内部使用自1970年1月1日UTC零时起的毫秒数来表示时间点。
时区影响：Date对象的方法会考虑本地时区，显示的时间可能因时区不同而不同。

二、常用的Date实例方法

1. 获取日期和时间的方法

（1）getFullYear()

作用：获取年份，四位数表示。

语法：

dateObj.getFullYear()

示例：

let now = new Date();
console.log(now.getFullYear()); // 例如：2023

（2）getMonth()

作用：获取月份，返回值为0到11（0表示1月，11表示12月）。

语法：

dateObj.getMonth()

示例：

let now = new Date();
console.log(now.getMonth()); // 例如：9（表示10月）

（3）getDate()

作用：获取当前日期（一个月中的第几天），返回值为1到31。

语法：

dateObj.getDate()

示例：

let now = new Date();
console.log(now.getDate()); // 例如：1

（4）getDay()

作用：获取星期几，返回值为0到6（0表示星期天，6表示星期六）。

语法：

dateObj.getDay()

示例：

let now = new Date();
console.log(now.getDay()); // 例如：5（表示星期五）

（5）getHours(), getMinutes(), getSeconds(), getMilliseconds()

作用：获取小时、分钟、秒、毫秒。

语法：

dateObj.getHours()
dateObj.getMinutes()
dateObj.getSeconds()
dateObj.getMilliseconds()

示例：

let now = new Date();
console.log(now.getHours());         // 当前小时
console.log(now.getMinutes());       // 当前分钟
console.log(now.getSeconds());       // 当前秒
console.log(now.getMilliseconds());  // 当前毫秒

（6）getTime()

作用：获取自1970年1月1日UTC零时起的毫秒数。

语法：

dateObj.getTime()

示例：

let now = new Date();
console.log(now.getTime()); // 例如：1633072800000

（7）getTimezoneOffset()

作用：获取本地时间与UTC时间的差值，单位为分钟。

语法：

dateObj.getTimezoneOffset()

示例：

let now = new Date();
console.log(now.getTimezoneOffset()); // 例如：-480（表示UTC+8时区）

2. 设置日期和时间的方法

与获取日期和时间的方法对应，Date对象提供了设置日期和时间的方法：

setFullYear(year[, monthIndex[, day]])
setMonth(monthIndex[, day])
setDate(day)
setHours(hours[, minutes[, seconds[, milliseconds]]])
setMinutes(minutes[, seconds[, milliseconds]])
setSeconds(seconds[, milliseconds])
setMilliseconds(milliseconds)
setTime(time)

示例：

let date = new Date();

// 设置年份为2025
date.setFullYear(2025);

// 设置月份为12月（11表示12月）
date.setMonth(11);

// 设置日期为25日
date.setDate(25);

console.log(date); // 输出修改后的日期

3. 日期的格式化方法

（1）toLocaleDateString()

作用：根据本地格式，返回日期部分的字符串表示。

语法：

dateObj.toLocaleDateString([locales[, options]])

示例：

let now = new Date();
console.log(now.toLocaleDateString()); // 例如："2023/10/1"

（2）toLocaleTimeString()

作用：根据本地格式，返回时间部分的字符串表示。

语法：

dateObj.toLocaleTimeString([locales[, options]])

示例：

let now = new Date();
console.log(now.toLocaleTimeString()); // 例如："12:00:00"

（3）toLocaleString()

作用：根据本地格式，返回完整的日期和时间的字符串表示。

语法：

dateObj.toLocaleString([locales[, options]])

示例：

let now = new Date();
console.log(now.toLocaleString()); // 例如："2023/10/1 12:00:00"

（4）toISOString()

作用：返回ISO 8601格式的日期字符串。

语法：

dateObj.toISOString()

示例：

let now = new Date();
console.log(now.toISOString()); // 例如："2023-10-01T04:00:00.000Z"

（5）toUTCString()

作用：返回UTC时间的字符串表示。

语法：

dateObj.toUTCString()

示例：

let now = new Date();
console.log(now.toUTCString()); // 例如："Sun, 01 Oct 2023 04:00:00 GMT"

（6）toDateString()

作用：返回日期部分的字符串表示，不包含时间部分。

语法：

dateObj.toDateString()

示例：

let now = new Date();
console.log(now.toDateString()); // 例如："Sun Oct 01 2023"

（7）toTimeString()

作用：返回时间部分的字符串表示，不包含日期部分。

语法：

dateObj.toTimeString()

示例：

let now = new Date();
console.log(now.toTimeString()); // 例如："12:00:00 GMT+0800 (中国标准时间)"

4. 日期的运算

（1）日期差值计算

通过getTime()方法获取毫秒数，可以计算两个日期之间的差值。

示例：

let startDate = new Date("2023-10-01");
let endDate = new Date("2023-11-01");

let diffTime = endDate.getTime() - startDate.getTime();
let diffDays = diffTime / (1000 * 60 * 60 * 24);

console.log(`相差${diffDays}天`); // 相差31天

（2）日期的加减

可以通过设置毫秒数来对日期进行加减。

示例：

let date = new Date("2023-10-01");

// 加上7天
date.setDate(date.getDate() + 7);
console.log(date.toLocaleDateString()); // 例如："2023/10/8"

// 减去1个月
date.setMonth(date.getMonth() - 1);
console.log(date.toLocaleDateString()); // 例如："2023/9/8"

三、Date对象的应用示例

1. 获取当前日期和时间

let now = new Date();
console.log(`当前日期和时间：${now.toLocaleString()}`);

2. 格式化日期

使用toLocaleDateString()和toLocaleTimeString()，或者自定义格式。

自定义格式示例：

function formatDate(date) {
  let year = date.getFullYear();
  let month = date.getMonth() + 1; // 月份从0开始
  let day = date.getDate();
  let hours = date.getHours();
  let minutes = date.getMinutes();
  let seconds = date.getSeconds();

  // 补零
  month = month < 10 ? '0' + month : month;
  day = day < 10 ? '0' + day : day;
  hours = hours < 10 ? '0' + hours : hours;
  minutes = minutes < 10 ? '0' + minutes : minutes;
  seconds = seconds < 10 ? '0' + seconds : seconds;

  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
}

let now = new Date();
console.log(formatDate(now)); // 例如："2023-10-01 12:00:00"

3. 倒计时功能

计算两个日期之间的差值，实现倒计时。

function getTimeRemaining(endTime) {
  let now = new Date();
  let timeDiff = endTime - now;

  let seconds = Math.floor((timeDiff / 1000) % 60);
  let minutes = Math.floor((timeDiff / 1000 / 60) % 60);
  let hours = Math.floor((timeDiff / (1000 * 60 * 60)) % 24);
  let days = Math.floor(timeDiff / (1000 * 60 * 60 * 24));

  return {
    total: timeDiff,
    days,
    hours,
    minutes,
    seconds
  };
}

let endTime = new Date("2023-12-31T23:59:59");
let remaining = getTimeRemaining(endTime);

console.log(`距离2023年末还有${remaining.days}天${remaining.hours}小时${remaining.minutes}分钟${remaining.seconds}秒`);

4. 解析和比较日期

let date1 = new Date("2023-10-01");
let date2 = new Date("2023-11-01");

if (date1 < date2) {
  console.log(`${date1.toLocaleDateString()}在${date2.toLocaleDateString()}之前`);
} else {
  console.log(`${date1.toLocaleDateString()}在${date2.toLocaleDateString()}之后`);
}

四、注意事项

月份的索引从0开始：在使用getMonth()和setMonth()时，需要注意月份的索引从0开始（0表示1月）。
时区的影响：Date对象的方法会考虑本地时区，在不同的时区运行时，结果可能不同。如果需要处理UTC时间，可以使用getUTCFullYear()、getUTCMonth()等方法。
日期的有效性：当传入非法的日期字符串或参数时，Date对象会返回Invalid Date。在进行日期运算前，最好检查日期的有效性。
```
let invalidDate = new Date("invalid-date-string");
console.log(isNaN(invalidDate)); // true，表示日期无效
```