js date 格式化

当我们在使用Javascript时，经常需要对日期进行格式化操作。本篇攻略将介绍如何使用JS对日期进行格式化。

了解JS的Date对象

在进行日期格式化之前，我们需要先了解Javascript的Date对象。Date对象代表了时间戳，可以通过new操作符来实例化一个Date对象。例如：

let now = new Date();

使用toLocaleString()方法进行格式化

Date对象有一个toLocaleString()方法，可以将日期格式化为符合当前语言环境的字符串。toLocaleString()方法可以接收参数，用于指定日期的格式。

格式化为日期时间

以下示例代码将Date对象格式化为日期时间格式：

let now = new Date();
let formattedDate = now.toLocaleString();
console.log(formattedDate);
// 输出：2022/2/26 下午2:31:09

格式化为日期

以下示例代码将Date对象格式化为日期格式：

let now = new Date();
let formattedDate = now.toLocaleDateString();
console.log(formattedDate);
// 输出：2022/2/26

可以看到，代码将Date对象的toLocaleDateString()方法赋值给formattedDate变量，输出的结果为日期格式。

格式化为时间

以下示例代码将Date对象格式化为时间格式：

let now = new Date();
let formattedTime = now.toLocaleTimeString();
console.log(formattedTime);
// 输出：下午2:31:09

使用moment.js进行格式化

moment.js是一个流行的Javascript库，可以方便地进行日期时间的格式化。

安装moment.js

我们可以使用npm安装moment.js：

npm install moment

使用moment.js格式化日期

以下是一个简单的示例代码，使用moment.js将日期格式化为指定的格式：

const moment = require('moment');
let now = moment();
let formattedDate = now.format('YYYY/MM/DD');
console.log(formattedDate);
// 输出：2022/02/26

moment.js的format()方法接收一个格式字符串，用于指定日期的显示格式。例如YYYY表示年份，DD表示日期等等。

使用moment.js格式化时间

以下是一个示例代码，使用moment.js将时间格式化为指定的格式：

const moment = require('moment');
let now = moment();
let formattedTime = now.format('hh:mm:ss A');
console.log(formattedTime);
// 输出：02:31:09 PM

示例代码中，我们使用moment.js的format()方法和对应的格式，将时间格式化为hh:mm:ss A格式。

总结

以上就是对JS日期格式化的详细介绍。我们可以使用JS的Date对象的toLocaleString()等方法格式化日期，也可以使用moment.js库进行更加自由地格式化。在项目中使用过程中，可以根据需求选择适合的格式化方式。