JS 日期时间格式 - Javascript

在前端开发中，经常需要将日期时间格式化为特定的形式。Javascript提供了多种方法来格式化日期时间。

获取当前日期时间

要获取当前日期时间，可以使用Date()构造函数：

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

输出：

Sun Oct 10 2021 22:12:34 GMT+0800 (China Standard Time)

格式化日期

要格式化日期，可以使用以下方法：

toDateString()

toDateString()方法返回一个表示日期部分的字符串，格式为"Day Mon Year"。

const now = new Date();
const dateStr = now.toDateString();
console.log(dateStr);

输出：

Sun Oct 10 2021

toLocaleDateString()

toLocaleDateString()方法返回一个表示日期部分的字符串，使用当前地区的本地化格式。

const now = new Date();
const dateStr = now.toLocaleDateString();
console.log(dateStr);

输出：

2021/10/10

自定义日期格式

要自定义日期格式，可以使用以下方法：

使用字符串拼接

可以将年、月、日分别提取出来，然后进行字符串拼接。

const now = new Date();
const year = now.getFullYear();
const month = ("0" + (now.getMonth() + 1)).slice(-2);
const day = ("0" + now.getDate()).slice(-2);
const dateStr = year + "-" + month + "-" + day;
console.log(dateStr);

输出：

2021-10-10

使用第三方库

还可以使用第三方库来格式化日期，例如moment.js。

const now = new Date();
const dateStr = moment(now).format("YYYY-MM-DD");
console.log(dateStr);

输出：

2021-10-10

格式化时间

要格式化时间，可以使用以下方法：

toTimeString()

toTimeString()方法返回一个表示时间部分的字符串。

const now = new Date();
const timeStr = now.toTimeString();
console.log(timeStr);

输出：

22:12:34 GMT+0800 (China Standard Time)

toLocaleTimeString()

toLocaleTimeString()方法返回一个表示时间部分的字符串，使用当前地区的本地化格式。

const now = new Date();
const timeStr = now.toLocaleTimeString();
console.log(timeStr);

输出：

下午10:12:34

自定义时间格式

要自定义时间格式，可以使用以下方法：

使用字符串拼接

可以将时、分、秒分别提取出来，然后进行字符串拼接。

const now = new Date();
const hour = ("0" + now.getHours()).slice(-2);
const minute = ("0" + now.getMinutes()).slice(-2);
const second = ("0" + now.getSeconds()).slice(-2);
const timeStr = hour + ":" + minute + ":" + second;
console.log(timeStr);

输出：

22:12:34

使用第三方库

还可以使用第三方库来格式化时间，例如moment.js。

const now = new Date();
const timeStr = moment(now).format("HH:mm:ss");
console.log(timeStr);

输出：

22:12:34

格式化日期时间

要格式化日期时间，可以将日期和时间格式化后进行字符串拼接。

const now = new Date();
const year = now.getFullYear();
const month = ("0" + (now.getMonth() + 1)).slice(-2);
const day = ("0" + now.getDate()).slice(-2);
const hour = ("0" + now.getHours()).slice(-2);
const minute = ("0" + now.getMinutes()).slice(-2);
const second = ("0" + now.getSeconds()).slice(-2);
const dateTimeStr = year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second;
console.log(dateTimeStr);

输出：

2021-10-10 22:12:34

总结

本文介绍了Javascript中多种日期时间格式化方法，包括获取当前日期时间、格式化日期、格式化时间、格式化日期时间等。程序员可以根据需要选择相应的方法进行使用。