在前端开发中，我们经常需要将时间格式化成可读性强的形式，比如几分钟前、昨天、上个月等等。为了方便开发，npm 上有许多时间格式化的库，其中就包括了 @tamalweb/use-time-ago 这个 npm 包。本文将为大家介绍如何使用 @tamalweb/use-time-ago。
安装 @tamalweb/use-time-ago
在使用 @tamalweb/use-time-ago 之前，我们需要先安装它。可以通过以下命令来进行安装：
npm install @tamalweb/use-time-ago
使用 @tamalweb/use-time-ago
使用 @tamalweb/use-time-ago 很简单，只需要传入一个 Date 类型的时间戳即可。比如，我们有一个时间戳为 1624645440000，我们可以这样使用：
-- -------------------- ---- -------
------ ---------- ---- -------------------------
-------- ----- -
----- ---- - --- --------------------
------ -
-----
-------------------------
------
--
-在上面的代码中，我们通过 import 引入了 @tamalweb/use-time-ago，然后在函数组件中调用了 useTimeAgo 方法，并将时间戳传入。最后，useTimeAgo 方法会将时间戳格式化成一个可读性强的字符串，并将其返回，在 HTML 中输出。
其他参数
除了传入时间戳，我们还可以传入一个可选的 options 参数，来自定义格式化的字符串。options 可以包含以下属性：
- locale: 用于指定日期格式的语言环境，默认值是
en-US - casing: 用于指定返回的字符串的大小写，可以是
title或sentence，默认值是sentence - minute: 用于指定多少分钟内的时间戳不格式化，默认值是 0，即所有时间戳都会格式化
- relativeDate: 用于指定一个相对的时间戳。如果传入了
relativeDate，则useTimeAgo会返回时间戳与relativeDate的时间差
下面是一个使用 options 的示例：
-- -------------------- ---- -------
------ ---------- ---- -------------------------
-------- ----- -
----- ----------- - --- -------
----- ------------ - --- -------------------------- - -- - ------
----- ------------- - --- -------------------------- - --- - ------
------ -
-----
---------------------------------
----------------------------- - ------- - -------
--------------------------- - ------------- ------------ -------
------
--
-在上面的代码中，我们分别创建了一个当前时间的时间戳 currentTime，以及两个 1 分钟前和 2 分钟前的时间戳。我们分别传入了 1 分钟前和 2 分钟前的时间戳，并设置了 minute 属性为 2，意味着只有 2 分钟内的时间戳会被格式化。另外，我们还传入了 relativeDate 参数，用于将当前时间戳和 1 分钟前的时间戳进行时间差计算。
总结
@tamalweb/use-time-ago 是一个非常方便的 npm 包，能够帮助我们将时间戳格式化成可读性强的字符串。在使用时，我们只需要传入时间戳以及可选的 options 参数即可。该包的使用非常简单，希望本文能够帮助到大家。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5451ab1864dac669ec