JS 获取当前日期并格式化|极客笔记

JS 获取当前日期并格式化

在Web开发中，经常需要获取当前日期并对其进行格式化显示。JavaScript是一种常用的脚本语言，本文将介绍如何使用JavaScript获取当前日期并对其进行格式化。

获取当前日期

要获取当前日期，可以使用JavaScript中的Date对象。Date对象表示时间戳，可以通过创建一个Date对象来获取当前日期。

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

上面的代码会创建一个Date对象，并将当前日期和时间赋值给currentDate变量。通过console.log方法打印currentDate变量的值，可以看到输出的日期和时间格式如下：

Thu Oct 21 2021 16:57:55 GMT+0800 (China Standard Time)

格式化日期

上面获取到的日期和时间格式并不直观，通常我们希望将其格式化为指定的格式，比如YYYY-MM-DD。下面我们将介绍两种常用的方法来格式化日期。

方法一：手动拼接字符串

一种简单粗暴的方法是手动拼接字符串，将Date对象中的年、月、日分别取出，再组合成想要的格式。

let year = currentDate.getFullYear();
let month = currentDate.getMonth() + 1;
let day = currentDate.getDate();

if (month < 10) {
  month = "0" + month;
}

if (day < 10) {
  day = "0" + day;
}

let formattedDate = year + "-" + month + "-" + day;
console.log(formattedDate);

上面的代码中，我们首先分别获取当前日期的年、月、日，然后判断月和日是否小于10，如果是则在前面补零。最后将年、月、日按照指定格式拼接起来，得到格式化后的日期。

运行上面代码，输出格式化后的日期为：

2021-10-21

方法二：使用第三方库

除了手动拼接字符串外，还可以使用一些第三方库来快速方便地格式化日期。比较常用的库有moment.js和date-fns。

使用moment.js

moment.js是一个流行的日期处理库，可以方便地对日期进行格式化。

首先需要引入moment.js：

<script src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>

然后使用moment对象来格式化日期：

let formattedDate = moment(currentDate).format('YYYY-MM-DD');
console.log(formattedDate);

在上面的代码中，我们引入了moment.js库后，使用moment对象传入currentDate变量，然后调用format方法传入想要的日期格式。最后得到格式化后的日期。

使用date-fns

date-fns是另一个常用的日期处理库，也可以方便地对日期进行格式化。

首先需要引入date-fns：

<script src="https://cdn.jsdelivr.net/date-fns/latest/date-fns.min.js"></script>

然后使用format方法来格式化日期：

let formattedDate = format(currentDate, 'yyyy-MM-dd');
console.log(formattedDate);

在上面的代码中，我们引入了date-fns库后，直接调用format方法传入currentDate变量和指定的格式字符串，即可得到格式化后的日期。

总结

本文介绍了如何使用JavaScript获取当前日期并对其进行格式化显示。通过Date对象可以获取当前日期，然后使用手动拼接字符串或者第三方库moment.js、date-fns来对日期进行格式化。

JS 获取当前日期并格式化