JS日期函数详解|极客笔记

JS日期函数详解

在前端开发中，处理日期是一个非常常见的需求。JavaScript提供了一系列内置的日期函数，可以方便地获取、操作和显示日期。本文将详细介绍JavaScript中常用的日期函数，并且给出相应的示例代码。

Date对象

JavaScript中的Date对象是用来表示日期和时间的。我们可以使用new Date()构造函数来创建一个Date对象，也可以直接使用Date对象的静态方法来获取特定的日期和时间信息。

获取当前时间

我们可以使用new Date()构造函数来获取当前的时间。

const currentDate = new Date();
console.log(currentDate);

运行上面的代码，会打印出当前的日期和时间，类似于Sun Oct 10 2021 14:30:00 GMT+0800 (China Standard Time)。

获取特定时间

除了获取当前时间，我们还可以使用具体的参数来获取特定的日期和时间。

const specificDate = new Date(2021, 9, 10, 14, 30, 0);
console.log(specificDate);

上面的代码中，2021, 9, 10, 14, 30, 0分别表示年、月、日、小时、分钟和秒，表示2021年10月10日14点30分0秒的时间。

获取特定时间戳

我们可以使用Date.now()静态方法来获取当前时间的时间戳，即1970年1月1日到当前时间的毫秒数。

const timestamp = Date.now();
console.log(timestamp);

获取日期相关信息

Date对象还提供了一系列方法来获取日期相关的信息，比如年、月、日、小时、分钟、秒等。

const currentDate = new Date();

const year = currentDate.getFullYear();
const month = currentDate.getMonth();
const date = currentDate.getDate();
const hours = currentDate.getHours();
const minutes = currentDate.getMinutes();
const seconds = currentDate.getSeconds();

console.log(year, month, date, hours, minutes, seconds);

上面的代码中，分别获取了当前日期的年、月、日、小时、分钟、秒，并打印出来。

日期格式化

在实际开发中，我们经常需要将日期格式化成指定的格式。JavaScript中没有提供内置的日期格式化函数，但我们可以通过一些方法来实现日期格式化。

手动格式化日期

我们可以手动拼接年、月、日等信息来格式化日期。

const currentDate = new Date();

const year = currentDate.getFullYear();
const month = String(currentDate.getMonth() + 1).padStart(2, '0');
const date = String(currentDate.getDate()).padStart(2, '0');
const hours = String(currentDate.getHours()).padStart(2, '0');
const minutes = String(currentDate.getMinutes()).padStart(2, '0');
const seconds = String(currentDate.getSeconds()).padStart(2, '0');

const formattedDate = ` ${year}-$ {month}- ${date}$ {hours}: ${minutes}:$ {seconds}`;
console.log(formattedDate);

上面的代码中，我们使用padStart()方法来保证月、日、小时、分钟、秒为两位数，然后手动拼接成符合要求的格式。

使用第三方库

除了手动格式化日期外，我们也可以使用第三方库来帮助我们处理日期格式化的问题。比较常用的库有moment.js和date-fns。

// 使用moment.js格式化日期
const formattedDate1 = moment(currentDate).format('YYYY-MM-DD HH:mm:ss');
console.log(formattedDate1);

// 使用date-fns格式化日期
const formattedDate2 = format(currentDate, 'yyyy-MM-dd HH:mm:ss');
console.log(formattedDate2);

上面的代码中，分别使用了moment.js和date-fns来格式化日期，并打印出来。

日期比较

我们经常需要比较日期的大小，判断一个日期是否在另一个日期之前、之后或相等。

比较日期大小

可以通过比较两个日期的时间戳来判断哪个日期更早或更晚。

const date1 = new Date(2021, 9, 10);
const date2 = new Date(2021, 9, 15);

if (date1.getTime() < date2.getTime()) {
  console.log('date1 在 date2 之前');
} else if (date1.getTime() > date2.getTime()) {
  console.log('date1 在 date2 之后');
} else {
  console.log('date1 和 date2 相等');
}

上面的代码中，我们比较了date1和date2的时间戳，从而判断它们的大小关系。

判断日期是否相等

我们也可以直接比较日期对象来判断两个日期是否相等。

const date1 = new Date(2021, 9, 10);
const date2 = new Date(2021, 9, 10);

if (date1.getTime() === date2.getTime()) {
  console.log('date1 和 date2 相等');
} else {
  console.log('date1 和 date2 不相等');
}

日期操作

除了比较日期大小外，我们还可以对日期进行加减操作，比如增加一天、减少一小时等。

增加减少日期

我们可以使用setDate()、setMonth()等方法来增加或减少日期的年、月、日等部分。

const currentDate = new Date();

currentDate.setDate(currentDate.getDate() + 1);
console.log(currentDate);

currentDate.setMonth(currentDate.getMonth() + 1);
console.log(currentDate);

上面的代码中，我们分别对当前日期增加一天和一个月，并打印出结果。

格式化时间差

有时候我们需要计算两个日期之间的时间差，比如相差多少天、多少小时等。

const date1 = new Date(2021, 9, 10);
const date2 = new Date(2021, 9, 15);

const diffTime = Math.abs(date2 - date1);
const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
console.log(`date1 和 date2 相差 ${diffDays} 天`);

上面的代码中，我们计算了date1和date2之间相差的天数，并打印出来。