angular-relative-day 是一个非常好用的 AngularJS 插件，它可以帮助我们轻松地将时间戳或日期格式化为相对时间字符串（如“X 天前”、“X 小时前”、“刚刚”等），并且非常易于使用。此插件对于前端开发人员来说十分实用，本文将详细介绍如何在你的项目中使用它。
安装
在使用 angular-relative-day 之前，我们需要在项目中安装这个插件。安装非常简单，只需要使用 npm 命令即可：
--- ------- -------------------- ------
这条命令会在你项目的 node_modules 目录中自动安装 angular-relative-day 插件。
使用
安装完成后，我们就可以在项目中使用 angular-relative-day 这个插件了。首先，需要在 HTML 文件中引入以下代码：
------- -----------------------------------------------------------------------------
接着，在你的应用程序中，你需要将 angularRelativeDay 这个模块注入到你的 AngularJS 应用中：
--- ----- - ----------------------- ------------------------
这样，就可以在你的应用程序中使用 angular-relative-day 了。接下来，我们就可以在模板中使用它来格式化时间戳或日期了。
格式化时间戳
我们来看一个例子，在这个例子中，我们将使用 angular-relative-day 插件来格式化一个时间戳。在你的模板中添加以下代码：
----- ---------------------------------
在上面的代码中，我们使用 relative-time 指令来格式化时间戳，这个指令会将时间戳转换为相对时间字符串。在控制器中，我们需要定义变量 timestamp 并将其设置为要格式化的时间戳：
-------------------------- ---------------- - ---------------- - ----------- -- --- ---
这段代码会将 timestamp 这个变量设置为要格式化的时间戳，即 1466424499。执行完上面的代码后，你会在你的页面上看到类似于“3 天前”的文字。
格式化日期
如果你想要将一个日期格式化为相对时间字符串，可以使用 angularRelativeDayFilter 这个过滤器。与上面例子中的情形类似，在你的模板中添加以下代码：
-- ---- - ----------- --
在控制器中，我们需要定义变量 date 并将其设置为要格式化的日期：
-------------------------- ---------------- - ----------- - --- ---------------- ----------- -- -- ---
这段代码会将 date 这个变量设置为要格式化的日期，即 2018-08-25 12:12:00。执行完上面的代码后，你会在你的页面上看到类似于“1 年前”的文字。
结论
至此，我们已经介绍了如何在你的 AngularJS 项目中使用 angular-relative-day 插件将时间戳或日期格式化为相对时间字符串。这个插件在开发中非常有用，尤其在处理时间戳时，可以大大简化你的代码。如果你有任何问题或建议，请在评论区留言。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60065f76238a385564ab68c4