在前端开发中，日期和时间格式化是一个非常常见的需求。ES11 中新增加了 DateTimeFormat，使得对日期和时间格式化变得更加方便和简单。本文将详细介绍如何使用 ES11 的 DateTimeFormat 格式化日期和时间。
DateTimeFormat
DateTimeFormat 是一个构造函数，用于创建日期和时间格式化对象。最基本的用法如下：
const formatter = new Intl.DateTimeFormat();
此时创建的日期和时间格式化对象使用默认的语言和地区设置，输出的格式也是默认的。
可以通过传入选项对象来修改日期和时间的格式。具体的方法如下：
-- -------------------- ---- ------- ----- --------- - --- --------------------------------- - ----- ---------- ------ ---------- ---- ---------- ----- ---------- ------- ---------- ------- ---------- ------- ----- --- -------------------------------- --------- -- ------------- --------
在选项对象中，可以设置多个属性来控制日期和时间的格式，包括：年、月、日、小时、分钟和秒。其中，year、month 和 day 属性可以设置为 numeric（数字）、2-digit（两位数字）和 long（长格式），hour、minute 和 second 属性可以设置为 numeric、2-digit 和 long。另外，还可以设置 hour12 属性来控制小时的输出是 12 小时制还是 24 小时制。
语言和地区设置
DateTimeFormat 构造函数的第一个参数可以用来设置语言和地区。语言和地区的值都是字符串，具体的值可以参考这里。例如，在中国大陆使用简体中文可以设置为 'zh-Hans-CN'。如果不设置第一个参数，则使用浏览器的默认语言和地区。
示例代码
下面是一个完整的示例，演示如何使用 DateTimeFormat 格式化日期和时间：
-- -------------------- ---- ------- ----- --------- - --- --------------------------------- - ----- ---------- ------ ---------- ---- ---------- ----- ---------- ------- ---------- ------- ---------- ------- ----- --- -------------------------------- --------- -- ------------- --------
总结
ES11 中新增加的 DateTimeFormat 可以帮助我们更加方便和简单地进行日期和时间的格式化。通过选项对象，可以轻松地控制日期和时间的输出格式，提高了代码的可读性和可维护性。希望本文能够帮助读者更加深入地了解 DateTimeFormat 的用法，并在实际开发中得到应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649265d248841e9894031c73