JS 获取日期的年月日|极客笔记

JS 获取日期的年月日

在前端开发中，经常会涉及到日期的操作，包括获取当前日期、格式化日期、日期比较等。而获取日期的年、月、日是其中最基础的操作之一。在 JavaScript 中，我们可以通过内置的 Date 对象来获取日期的年、月、日。

获取当前日期

首先，让我们来看一下如何获取当前日期的年、月、日。JavaScript 中的 Date 对象可以用来表示日期和时间，我们可以通过 new Date() 来创建一个 Date 对象，而不传入任何参数时，默认会获取当前的日期和时间。然后，通过 get 开头的方法来获取年、月、日等信息。

// 创建 Date 对象
const currentDate = new Date();

// 获取年份
const year = currentDate.getFullYear();

// 获取月份（0-11，需要加 1 才是实际的月份）
const month = currentDate.getMonth() + 1;

// 获取日期
const date = currentDate.getDate();

console.log(year, month, date);

在浏览器的控制台中运行上述代码，就可以输出当前日期的年、月、日信息。

指定日期获取年月日

除了获取当前日期的年、月、日外，我们也可以指定一个具体的日期来获取其对应的年、月、日信息。在创建 Date 对象时，可以传入一个表示日期时间的字符串或数字，来指定日期。

// 创建指定日期的 Date 对象
const specificDate = new Date('2022-12-25');

// 获取年份
const specificYear = specificDate.getFullYear();

// 获取月份（0-11，需要加 1 才是实际的月份）
const specificMonth = specificDate.getMonth() + 1;

// 获取日期
const specificDay = specificDate.getDate();

console.log(specificYear, specificMonth, specificDay);

运行上述代码，就可以输出指定日期 2022-12-25 的年、月、日信息。

获取格式化日期

除了单独获取年、月、日外，有时候我们也需要将日期按照一定的格式进行显示，比如 YYYY-MM-DD 或 MM/DD/YYYY。为此，我们可以封装一个函数来实现日期的格式化输出。

// 格式化日期函数
function formatDate(date) {
  const year = date.getFullYear();
  const month = date.getMonth() + 1;
  const day = date.getDate();

  // 补零操作
  const formattedMonth = month < 10 ? '0' + month : month;
  const formattedDay = day < 10 ? '0' + day : day;

  return ` ${year}-$ {formattedMonth}-${formattedDay}`;
}

// 获取当前日期
const currentDate = new Date();

// 格式化日期
const formattedDate = formatDate(currentDate);

console.log(formattedDate);

运行上述代码，就可以输出当前日期的格式化信息，例如 2021-08-25。