layui 第三方组件平台

返回首页 发布组件

timeago.js 是一个非常简洁、轻量级、不到 1kb 的很简洁的 Javascript 库,用来将 datetime 时间转化成类似于*** 时间前的描述字符串,例如:“3 小时前”。

更新:2019-8-26 创建:2019-8-30

文档

封装自https://github.com/hustcc/timeago.js/blob/master/README_zh.md

timeago.js 是一个非常简洁、轻量级、不到 1kb 的很简洁的 Javascript 库,用来将 datetime 时间转化成类似于*** 时间前的描述字符串,例如:“3 小时前”。
- 本地化支持,默认自带中文和英文语言,基本够用;
- 之前 xxx 时间前、xxx 时间后;
- 支持自动实时更新;

示例:
刚刚
12 秒前
3 分钟前
2 小时前
4 天前
3 周前
6 个月前
3 年前

12 秒后
3 分钟后
2 小时后
24 天后
6 个月后
3 年后


如何使用:
<span class="timeago" datetime="2016-06-30 09:20:00"></span>
layui.config({
version: true,
base: 'assets/module/'
}).extend({
timeago: 'timeago'
}).use(['timeago'], function () {
var $ = layui.jquery;
var timeago = layui.timeago;
timeago.render($('.timeago'));
});

更多使用方法:
- 点击查看原插件中文文档:https://github.com/hustcc/timeago.js/blob/master/README_zh.md
- render() 函数的输入必须是一个 dom 元素或者数组,JavaScript dom 和 JQuery 的 dom 均支持。
- cancel() 清除实时渲染,如果传入 dom,则清除这个 dom 的实时渲染,否则清除所有。
- format() 格式化一个日期为字符串。

使用须知:
- 默认语言修改为中文(zh_CN)
- 没有导入除en和zh_CN以外的语言

下载

立即下载
该扩展组件由第三方用户主动投递,并由其自身进行维护,本站仅做收集。