javascript中Date对象的使用总结

2023年5月27日下午1:56 • JavaScript

下面就是一份详细的“JavaScript中Date对象的使用总结”攻略。

1. 引言

在JavaScript中，Date对象是处理日期和时间的重要组件，它提供了很多常见的日期和时间操作方法。本文将简要介绍Date对象的基本用法和常用方法。

2. 创建Date对象

可以使用new Date()语法创建一个Date对象，表示当前日期和时间：

const date = new Date();
console.log(date);
// Output: Wed Sep 08 2021 16:54:02 GMT+0800 (中国标准时间)

也可以通过传递日期字符串或一些关于日期和时间的数字来创建Date对象。

const date1 = new Date('September 8, 2021 12:32:00');
console.log(date1);
// Output: Wed Sep 08 2021 12:32:00 GMT+0800 (中国标准时间)

const date2 = new Date(2021, 8, 8, 12, 32, 0);
console.log(date2);
// Output: Wed Sep 08 2021 12:32:00 GMT+0800 (中国标准时间)

上述代码分别使用日期字符串和数字创建了两个指定日期时间的Date对象。

3. 常用方法

3.1 获取年月日

可以使用getFullYear()、getMonth()和getDate()方法获取日期对象的年、月、日：

const date = new Date('September 8, 2021 12:32:00');
console.log(date.getFullYear()); // Output: 2021
console.log(date.getMonth());    // Output: 8 (0代表1月，11代表12月)
console.log(date.getDate());     // Output: 8

3.2 获取小时分钟秒钟

类似地，可以使用getHours()、getMinutes()和getSeconds()获取时间的小时、分钟和秒钟：

const date = new Date('September 8, 2021 12:32:00');
console.log(date.getHours());   // Output: 12
console.log(date.getMinutes()); // Output: 32
console.log(date.getSeconds()); // Output: 0

同时，还可以使用getMilliseconds()获取当前毫秒数。

3.3 设置日期和时间

可以使用setFullYear()、setMonth()、setDate()、setHours()、setMinutes()等方法来设置指定的日期和时间：

const date = new Date('September 8, 2021 12:32:00');
date.setFullYear(2022);
date.setMonth(10);
date.setDate(10);
date.setHours(10);
date.setMinutes(10);
date.setSeconds(10);
console.log(date);
// Output: Sat Nov 10 2022 10:10:10 GMT+0800 (中国标准时间)

3.4 解析日期

Date.parse()方法可以将日期字符串解析为时间戳。

const timestamp = Date.parse('September 8, 2021');
console.log(timestamp); // Output: 1631049600000

3.5 数字格式化

可以使用toDateString()、toTimeString()和toLocaleString()将日期格式化为指定的字符串格式：

const date = new Date('September 8, 2021 12:32:00');
console.log(date.toDateString());   // Output: Wed Sep 08 2021
console.log(date.toTimeString());   // Output: 12:32:00 GMT+0800 (中国标准时间)
console.log(date.toLocaleString()); // Output: 2021/9/8 下午12:32:00

4. 示例说明

4.1 计算两个日期之间的差异

function diffDays(date1, date2) {
  const oneDay = 24 * 60 * 60 * 1000; // 一天的时间差
  const diffDays = Math.round(Math.abs((date1 - date2) / oneDay));
  return diffDays;
}

const date1 = new Date("2021-01-01");
const date2 = new Date("2021-09-08");
const diff = diffDays(date1, date2);
console.log(diff); // Output: 250

上述代码可以计算两个日期之间的天数差异。

4.2 倒计时

function countdown(seconds) {
  const endTime = new Date(Date.now() + seconds * 1000);
  let interval = setInterval(function() {
    const now = new Date();
    const diff = Math.round((endTime - now) / 1000);
    if (diff <= 0) {
      clearInterval(interval);
      console.log("倒计时结束！");
    } else {
      console.log(`倒计时还剩 ${diff} 秒`);
    }
  }, 1000);
}

countdown(10); // 倒计时10秒

上述代码通过使用setInterval()设置时间间隔，以实时更新倒计时时间，并在计时器到达0时停止定时器。