js 格式化日期yyyy-mm-dd|极客笔记

js 格式化日期yyyy-mm-dd

在前端开发过程中，经常会涉及到日期的格式化操作。特别是在展示数据的时候，我们希望把日期按照一定的格式展示出来，比如常见的年月日格式（yyyy-mm-dd）。本文将详细介绍如何使用 JavaScript 来格式化日期为 yyyy-mm-dd 格式。

使用 Date 对象获取当前日期

在 JavaScript 中，可以通过 Date 对象来获取当前日期和时间。Date 对象有一个toLocaleDateString() 方法用于返回格式化的日期。例如：

const date = new Date();
const formattedDate = date.toLocaleDateString();
console.log(formattedDate);

上面代码中，我们创建了一个Date对象，并调用了toLocaleDateString()方法来获取当前日期，并将结果打印到控制台上。运行这段代码后，控制台会输出类似2022/10/26的日期格式。

格式化日期为 yyyy-mm-dd 格式

要将日期格式化为 yyyy-mm-dd 格式，我们可以使用 Date 对象的一些方法来帮助我们达到目的。下面是一个使用 JavaScript 格式化日期的示例代码：

function formatDate(date) {
  const year = date.getFullYear();
  const month = (date.getMonth() + 1 < 10 ? '0' : '') + (date.getMonth() + 1);
  const day = (date.getDate() < 10 ? '0' : '') + date.getDate();

  return ` ${year}-$ {month}-${day}`;
}

const date = new Date();
const formattedDate = formatDate(date);
console.log(formattedDate);

在上面的代码中，我们定义了一个 formatDate() 函数，该函数接受一个 Date 对象作为参数，然后从中提取年、月、日，并拼接成符合 yyyy-mm-dd 格式的字符串。