在Web开发中，我们常常需要显示一些日期数据，例如微博、评论、新闻等等，当我们需要对这些数据进行更直观地呈现时，时间戳通常是不够友好的，因此我们需要将时间戳转化成易于理解的日期描述，这时，时间格式化库就派上用场了，而time-ago.js就是一款强大的时间格式化库之一。
什么是 Time-ago.js
Time-ago.js是一个运行于前端的时间格式化库，它可以将时间戳转化成易于理解的时间描述，例如 “3分钟前”、“一小时前”、“昨天”、“上星期”、“去年”等等。
该库支持不同的语言，并提供了多种自定义格式化规则的方式，以满足更多的需求。
安装
你可以使用npm来安装time-ago.js，使用下面的命令即可：
npm install time-ago.js
使用
时间格式化和本地化是Time-ago.js的两个核心特性，因此我们需要引入两个文件：time-ago.js和locales，其中locales是对不同语言进行本地化处理的文件，我们可以选择相应的语言来导入。
本地化文件位于 node_modules/time-ago.js/locales 目录下，例如，如果要使用zh-CN的中文本地化，可以使用如下的代码：
import { format } from 'time-ago.js';
import zhCN from 'time-ago.js/locales/zh-CN.json';
format(new Date() - 60000, zhCN);
// '1分钟前'如果要使用英文本地化，则可以使用如下的代码：
import { format } from 'time-ago.js';
import en from 'time-ago.js/locales/en.json';
format(new Date() - 60000, en);
// '1 minute ago'我们可以看到，使用Time-ago.js非常简单，只需要导入模块并传入一个日期和一个本地化对象即可。
除了format方法，Time-ago.js还提供了更多有用的方法，例如register方法和setDefaultLocale方法，这些方法可以在我们需要对特定的日期格式进行处理时，提供更方便的途径。
下面是使用register方法注册一个自定义格式化规则的示例代码：
import { format, register } from 'time-ago.js';
register('zh-CN', function(number, index, totalSec) {
// format function goes here
});
format(new Date() - 60000, 'zh-CN');小结
通过本文，我们了解了Time-ago.js的基本用法以及其核心特性，如果你需要在前端开发中处理日期显示效果，Time-ago.js肯定是一个不容错过的好选择。
如果您想了解更多时间管理库的选项，可以使用 Moment.js 和 Day.js 等开源库作为可选项。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055cb681e8991b448da35c