JS获取当前时间yyyy-mm-dd|极客笔记

JS获取当前时间yyyy-mm-dd

在前端开发中，经常会涉及到获取当前时间并展示在页面上的需求。其中，获取当前时间的格式通常是”yyyy-mm-dd”的形式。本文将详细介绍如何使用JavaScript获取当前时间，并将其转换为指定的格式。

1. 使用Date对象获取当前时间

要获取当前时间，我们可以使用JavaScript中的Date对象。Date对象表示的是一个时间点，我们可以利用它来获取当前时间，并进行格式化处理。

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

上面的代码中，我们创建了一个Date对象currentDate，它表示当前的时间点。运行这段代码后，我们会得到一个包含当前时间的Date对象。

2. 格式化时间为”yyyy-mm-dd”

要将获取到的时间格式化为”yyyy-mm-dd”的形式，我们需要分别获取年、月和日，并将它们拼接在一起。以下是具体的步骤：

2.1 获取年、月、日

const year = currentDate.getFullYear();
const month = String(currentDate.getMonth() + 1).padStart(2, '0');
const day = String(currentDate.getDate()).padStart(2, '0');

console.log(year, month, day);

在上面的代码中，我们分别使用getFullYear()、getMonth()和getDate()方法来获取当前时间的年、月和日。需要注意的是，getMonth()方法返回的月份是从0开始计数的，因此需要加1。然后，使用padStart()方法来保证月份和日期的格式为两位数，不足的情况在前面补0。

2.2 拼接年、月、日

const formattedDate = ` ${year}-$ {month}-${day}`;
console.log(formattedDate);

将获取到的年、月、日拼接在一起，中间用”-“连接，即可得到”yyyy-mm-dd”的格式化时间。

3. 完整代码示例

下面是将上述步骤整合在一起的完整代码示例：

const currentDate = new Date();
const year = currentDate.getFullYear();
const month = String(currentDate.getMonth() + 1).padStart(2, '0');
const day = String(currentDate.getDate()).padStart(2, '0');
const formattedDate = ` ${year}-$ {month}-${day}`;

console.log(formattedDate);

运行以上代码，即可在控制台中输出当前时间的”yyyy-mm-dd”格式。