ES12 中的日期格式转换 (new Date())：实际应用及技巧-JavaScript中文网-JavaScript教程资源分享门户

ES12 中添加了一些新的日期格式转换方法，这些方法使得处理日期数据变得更加容易，并且可读性更好。本文将介绍如何使用这些新方法进行日期格式转换，并且探索使用这些技巧处理日期数据的现实应用。

前置知识

在探索 ES12 中的日期格式转换技巧之前，我们需要了解日期格式化模式，这是将日期时间转换为我们想要的字符串格式的模板，在此，我们使用 Intl 全局对象中的 DateTimeFormat 方法进行格式化。

实际应用

在日常生活中，我们通常需要将日期时间字符串转换为我们所需的特定日期格式。以下是一些 ES12 中新的日期格式转换方法，使得处理日期数据变得更加容易，并且可读性更好。

1. toLocaleDateString()

toLocaleDateString() 方法返回当前日期的日期字符串。一般形式如下：

const date = new Date();
const dateString = date.toLocaleDateString();
console.log(dateString); // '9/5/2021'

我们还可以传递选项参数来自定义日期解析。例如，可以将日期格式修改为中文风格：

const options = { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' };
const date = new Date();
const dateString = date.toLocaleDateString('zh-CN', options);
console.log(dateString); // '2021年09月05日 下午11:26'

2. toLocaleTimeString()

toLocaleTimeString() 方法返回当前日期的时间字符串。一般形式如下：

const date = new Date();
const timeString = date.toLocaleTimeString();
console.log(timeString); // '11:26:14 PM'

同样，当我们需要自定义时间格式时，也可以传递选项参数：

const options = { hour: '2-digit', minute: '2-digit', second: '2-digit' };
const date = new Date();
const timeString = date.toLocaleTimeString('en-US', options);
console.log(timeString); // '11:26:14 PM'

3. toLocaleString()

toLocaleString() 方法返回当前日期时间的完整格式化字符串。一般形式如下：

const date = new Date();
const dateTimeString = date.toLocaleString();
console.log(dateTimeString); // '9/5/2021, 11:26:14 PM'

同样，我们可以传递选项参数进行自定义格式化字符串：

const options = { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit' };
const date = new Date();
const dateTimeString = date.toLocaleString('zh-CN', options);
console.log(dateTimeString); // '2021年09月05日 下午11:26:14'

总结

ES12 中的日期格式转换方法为我们处理日期数据带来了很大的便利，使得我们不再需要手动转换日期时间格式。本文介绍了三种在日常工作中经常用到的方法：toLocaleDateString()、toLocaleTimeString() 和 toLocaleString()，并提供了自定义日期时间格式的示例代码，相信读者在相关应用领域可以得到更多的借鉴和启发。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/649e90bb48841e9894b1624f