JS日期格式化之javascript Date format

下面我就为您讲解一下“JS日期格式化之javascript Date format”的完整攻略。

第一步：引入moment.js库
要进行JS日期格式化，我们首先需要引入moment.js库。Moment.js是一个开源的轻量级JavaScript日期库，它可以方便地解析、验证、操作和格式化日期。

在HTML文档的标签内，使用如下代码引入moment.js库：

<script src="https://cdn.bootcss.com/moment.js/2.24.0/moment.min.js"></script>

第二步：使用moment.js库格式化日期
了解了moment.js库的基本情况后，我们可以利用它来进行日期格式化。

在JS代码中，我们可以使用moment()函数来获取当前时间，再使用format()函数将时间格式化。

示例代码如下：

var now = moment();
var formatted = now.format('YYYY年MM月DD日 HH:mm:ss');
console.log(formatted);

这里，我们使用now.format()方法将当前时间格式化为“YYYY年MM月DD日 HH:mm:ss”的格式并将其输出到控制台。

输出结果为：

2021年07月11日 17:16:20

第三步：格式化指定的日期
除了获取当前时间外，moment.js还支持直接对指定的日期格式化。我们可以将指定的时间字符串传递给moment()函数，然后再进行格式化操作。

示例代码如下：

var dateStr = '2021/07/01';
var formatted = moment(dateStr, 'YYYY/MM/DD').format('YYYY年MM月DD日');
console.log(formatted);

这里，我们使用moment()函数将“2021/07/01”解析为一个时间对象，然后再使用format()函数将其格式化为“YYYY年MM月DD日”的格式，并将其输出到控制台。

输出结果为：

2021年07月01日

除了'YYYY/MM/DD'这种常见的日期格式外，moment.js还支持很多不同的日期格式，具体可以参考moment.js官方文档。

至此，我们就完成了JS日期格式化之javascript Date format的完整攻略。