前言
在开发 Web 应用程序时，展示多久之前创建或更新的内容是一项常见的需求。然而，处理日期和时间的逻辑可能会令人感到困惑并且耗费时间和精力，特别是当需要以人类易读格式显示时。
howlongago 是一个 npm 包，可帮助开发者轻松将日期转换成易读的格式。本篇教程将为大家介绍如何在前端应用程序中使用 howlongago 包。
安装 howlongago 包
使用 npm 命令进行安装。
npm install howlongago --save
导入 howlongago 包
在需要使用包的应用程序中导入 howlongago 包。
import howLongAgo from "howlongago";
如何使用 howlongago 包
howlongago 包提供了一个非常简单的接口来计算时间。下面是如何使用 howlongago 包的代码片段。
const date = new Date(); const timestamp = date.getTime(); const timeAgo = howLongAgo(timestamp); console.log(timeAgo); // 刚刚
timeAgo 变量现在包含一个字符串，表示给定时间戳距离当前时间的时间量。
当然，您也可以传递一个标准 JS 日期对象并获得相同的结果。
const date = new Date(); const timeAgo = howLongAgo(date); console.log(timeAgo); // 刚刚
更详细的使用方法
howlongago 包提供了一些更高级的功能，例如在使用自定义语言时，自定义字符串和格式化函数的使用。
使用自定义语言
默认情况下，howlongago 将返回一个英文字符串。但是，您可以使用 howlongago 包提供的 register 方法注册自定义语言。
下面是如何在应用程序中使用 howlongago 包以提供中文字符串的示例。
-- -------------------- ---- ------- -- --------- ---------- -- ---------------------------- - ----- ---- ------ ---- ----- ---- ---- ---- ----- ----- ------- ----- ------- ----- ----- ------- ------- ------- --- ----- ---- - --- ---------------- ----------- ----- ------- - ---------------- - --------- ------- --- --------------------- -- -----
如上代码片段，使用 howLongAgo.register 对象将自定义语言注册到 howlongago 包中。通过传递 { language: "zh-CN" } 作为第二个参数，howlongago 现在将返回一个以中文本地化的字符串。
自定义字符串和格式化函数
howlongago 包提供了处理和自定义字符串和格式化函数的功能。您可以使用这些功能来定义您自己的语言或进行更高级的字符串处理。
下面是如何在应用程序中使用 howlongago 包以定义自定义字符串和格式化函数的示例。
-- -------------------- ---- -------
----- ---- - --- ---------------- -----------
----- ------- - ---------------- -
-------- -
---------- -----
-------------- -----
---------- -----
-------------- -----
-------- ------
------- ------
-------- -------
----- ------
------ -------
---- -----
----- ------
------ ------
------- -------
----- -----
------ ------
--
------- -------- ------- ----- ------- -
------ -------- - ----------------
--
---
--------------------- -- ----在上面的代码片段中，您可以看到 howlongago 包允许您通过将特定的字符串传递给 strings 对象来定义自定义字符串。这可以让您将时间字符串格式化为您喜欢的方式。
您还可以通过定义自定义格式化函数来进一步控制时间字符串的呈现方式。如上片段，传递一个格式化函数作为 { format: } 的值。格式化函数将接收 value、unit 和 suffix 作为参数，并应返回格式化的字符串。
总结
在本文中，我们介绍了如何使用 howlongago 包来轻松将日期转换成易读的格式。howlongago 提供了简单而有效的方法来计算时间，并提供高级功能，例如自定义字符串和格式化函数的使用，能够让开发者自由定制时间显示，为用户提供更好的时间体验。希望本文比较详细深入，并向您展示了如何在前端应用程序中使用 howlongago 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562de81e8991b448e0593