在日常的前端开发中，我们经常需要进行日期时间相关的操作，例如获取格式化后的当前时间、将时间戳转换为当地时间等等。而 @wordpress/date 是一个非常方便实用的 npm 包，可以帮助我们高效地进行这些操作。本文将向大家介绍 @wordpress/date 的使用方法。
安装
首先，使用 npm 安装 @wordpress/date：
npm install @wordpress/date
安装完成后，在项目中导入 @wordpress/date：
import { date } from '@wordpress/date';常用方法
date()
获取当前时间的标准时间格式（ISO 8601）：
const now = date(); console.log(now); // "2022-11-02T05:07:54.048Z"
formatDate()
将时间转换为指定格式的字符串：
const timestamp = 1665367384000; // 2022-11-09T01:36:24.000Z
const formattedDate = date.formatDate('Y年m月d日 H:i:s', timestamp, 'zh-cn');
console.log(formattedDate); // "2022年11月09日 09:36:24"此处的第一个参数是格式化字符串，其中常用的转义字符包括：
Y，代表年份m，代表月份d，代表日H，代表时（24 小时制）i，代表分s，代表秒
第二个参数传入时间戳或日期字符串，第三个参数为语言环境。
getTimezoneOffset()
获取本地时区与标准时间的时间差：
const timezoneOffset = date.getTimezoneOffset(); console.log(timezoneOffset); // -480
返回的结果为分钟数，以上结果表示本地时区比标准时间少 8 个小时。
gmtDate()
将本地时间转换为标准时间：
const localDate = new Date('2022-11-02T05:07:54.048+00:00');
const gmtDate = date.gmtDate(localDate);
console.log(gmtDate); // "2022-11-02T05:07:54.048Z"localDate()
将标准时间转换为本地时间：
const gmtDate = new Date('2022-11-02T05:07:54.048Z');
const localDate = date.localDate(gmtDate);
console.log(localDate); // "Tue Nov 02 2022 13:07:54 GMT+0800 (中国标准时间)"返回的是 Date 对象。
示例代码
下面是一个综合运用 @wordpress/date 的实例，展示了如何获取当前时间、将时间戳转换为本地时间并格式化：
-- -------------------- ---- ------- ------ - ---- - ---- ------------------ ----- --------- - -------------- -- ------------------------ -- ------ ----- --- - ------- ----------------- -- --------------- ----- --------- - ------------------ ----------------- ----- ------------- - ----------------------- ------- ---------- --------- ---------------------------
以上代码的运行结果为：
2022-11-02T05:24:32.902Z 2022年11月09日 09:36:24
总结
@wordpress/date 是一款非常方便实用的 npm 包，能够帮助我们高效地进行日期时间相关操作。掌握和应用它的方法能够提高我们日常开发的效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb46db5cbfe1ea0611288