简介
在现代 Web 应用中，时间戳是非常常见的数据类型。而在 GraphQL 中，日期和时间是以 ISO 格式呈现的。因此，将日期和时间转换成 ISO 格式是很常见的任务，而 bbs-graphql-iso-date 就是解决这个问题的 npm 包。
本文主要介绍 bbs-graphql-iso-date 的基本用法以及源码的分析，并通过示例展示如何在前端应用中使用它。
安装
可以通过 npm 安装 bbs-graphql-iso-date 包。
npm install bbs-graphql-iso-date
用法
bbs-graphql-iso-date 提供了一个函数 parseGraphQLISODateTime()，可以将日期和时间转换成 ISO 格式。该函数的签名如下：
function parseGraphQLISODateTime(dateTimeString: string): Date | null;
它接受一个字符串参数，该参数表示日期和时间，返回一个 Date 对象，或者返回 null，如果无法解析日期和时间，则返回 null。如果使用该函数进行转换，需要注意日期和时间的格式必须是 ISO8601 格式（例如："2022-01-28T17:44:51.000Z"）。
以下是一个使用示例：
-- -------------------- ---- ------- ------ - ----------------------- - ---- ----------------------- ----- -------------- - ----------------------- ----- ---- - ---------------------------------------- -- ----- --- ----- - ---------------------- ---- --------- - ---- - ------------------ -- ------------------------ -
源码分析
bbs-graphql-iso-date 的工作原理并不复杂。它实际上是通过正则表达式将输入字符串解析为日期时间，并依赖于 JavaScript 内置的 Date 对象来将其转换为 ISO 格式。下面是包中相应的源代码：
-- -------------------- ---- -------
----- --------------- - --- -------
----------------------------------------------------------------------------------------------
--
------ -------- --------------------------------------- -------- ---- - ---- -
----- ----- - -------------------------------------
-- ------ --- ----- -
------ -----
-
----- ------ ------ ---- ----- ------- ------- ----------- - ---- - ---------------
----- --------- - ----------------------------------------------------------------------
------ --- ----------------
-该函数中的 DATETIME_REGEXP 是一个正则表达式，该表达式匹配 ISO 格式的日期时间字符串。如果给定的日期时间字符串符合正则表达式所示的 ISO 格式，则通过 slice() 提取其不同部分并使用模板字符串将其转换成 ISO 格式。最后使用 Date 对象进行解析。
示例
下面是使用 bbs-graphql-iso-date 转换日期时间的一个示例：
-- -------------------- ---- -------
------ - ----------------------- - ---- -----------------------
----- ----- - -
--------- ---------------------------
--
--------- ------ -
--------- -------
-
----- --------- - -
------ -
------------ --- - -------- -- -- -
----- -------------- - ----------------------------------
-- --------------- --- ----- -
----- --- -------------- ---- ---------
-
----- ------- ------ - -
--------- -----------------------------
--
------ -------
--
--
--
------ ------- ----------当我们查询 getDateTime 的时候，GraphQL 会传递给 getDateTime() 函数输入已经格式化好的字符串。parseGraphQLISODateTime() 函数会尝试解析该字符串，并返回一个 Date 对象。如果无法解析，则返回 null。
结论
bbs-graphql-iso-date 对于在 GraphQL 应用程序中处理日期和时间问题而言是非常有用的！它提供了一个简单的方法来解析和转换日期和时间。同时核心代码简单，易于理解和维护。最后，我建议在编写前端应用程序时，可以尝试将 bbs-graphql-iso-date 应用于日期和时间转换的任务上。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668fad9381d61a3540fdc