JavaScript 中如何将日期格式化为 DD/MM/YYYY

在 JavaScript 中要将日期格式化为 dd/mm/yyyy 。需要遵循以下步骤：

1. 使用 getDate()、getMonth() 和 getFullYear() 方法获取特定日期的日、月和年。
2. 如果值小于 10，则在日期和月份数字前添加前导零，使得可以始终获得一致的结果。
3. 将结果添加到数组并使用 / 分隔符连接它们。

function padTo2Digits(num) {
  return num.toString().padStart(2, '0');
}

function formatDate(date) {
  return [
    padTo2Digits(date.getDate()),
    padTo2Digits(date.getMonth() + 1),
    date.getFullYear(),
  ].join('/');
}

// 24/10/2021 (mm/dd/yyyy)
console.log(formatDate(new Date()));

//  24/07/2027 (mm/dd/yyyy)
console.log(formatDate(new Date(2027, 6, 24)));

运行示例

我们做的第一件事是创建一个 padTo2Digits 函数，如果月份或日期仅包含一个数字（小于 10），该函数负责添加前导零。

function padTo2Digits(num) {
  return num.toString().padStart(2, '0');
}

console.log(padTo2Digits(2)); // 👉️ '02'
console.log(padTo2Digits(6)); // 👉️ '06'
console.log(padTo2Digits(10)); // 👉️ '10'

运行示例

我们要确保结果始终一致，并且有 2 位数字表示月份和日期，因此我们使用了 padStart 方法。

我们传递给 padTo2Digits 函数的第一个参数是字符串的总长度，因此如果它已经有 2 位数字，它将永远不会填充一个值。

接下来，我们创建了一个函数，它接受一个日期并将其格式化为 dd/mm/yyyy。

该函数使用以下 3 种与日期相关的方法。

• Date.getFullYear 方法 - 返回一个四位数字，表示对应于日期的年份。
• Date.getMonth - 返回一个介于 0（一月）和 11（十二月）之间的整数，表示给定日期的月份。 是的，不幸的是 getMonth 方法不是从 1 开始的。
• Date.getDate - 返回一个介于 1 到 31 之间的整数，表示特定日期的月份日期。

getMonth 方法返回从 0 到 11 的从零开始的月份索引，这意味着一月是 0，十二月是 11。

因为 getMonth 方法是从零开始的，所以我们在它的返回值上加了 1。

我们将年、月和日放在一个数组中，因此我们可以用连字符分隔符将它们连接起来。

console.log(['28', '06', '2027'].join('/'));
console.log(['16', '09', '2026'].join('/'));

运行示例

这让我们得到格式为 dd/mm/yyyy 的日期。