将具体时间转换为模糊相对时间的jQuery工具

当前位置:主页 > jQuery库 > 工具类 > 将具体时间转换为模糊相对时间的jQuery工具
将具体时间转换为模糊相对时间的jQuery工具
分享:

    插件介绍

    jquery.liveTimeAgo.js是一款可以将具体的日期时间转换为模糊相对时间的jQuery插件。例如可以将昨天的某个具体时间转换为“1天以前”,可用于显示文章发布时间等场合。

    浏览器兼容性

    浏览器兼容性
    时间:2016-06-22
    阅读:
简要教程

jquery.liveTimeAgo.js是一款可以将具体的日期时间转换为模糊相对时间的jQuery插件。例如可以将昨天的某个具体时间转换为“1天以前”,可用于显示文章发布时间等场合。

使用方法

使用该插件需要在页面中引入jquery和jquery.liveTimeAgo.min.js文件。

<script type="text/javascript" src="/path/to/jquery.min.js"></script>
<script type="text/javascript" src="/path/to/jquery.liveTimeAgo.min.js"></script>                  
                
HTML结构

你可以使用以下任意一种HTML结构来存放你需要显示的日期时间。它支持的时间格式有:Datetime,Date和Timestamp。

<div class="liveTime">2016-06-20 14:44:00</div>
<div class="liveTime" data-lta-value="2015-06-20 14:44:00"></div>
<div class="liveTime" data-lta-type="timestamp" data-lta-value="1466431440"></div>           
                
初始化插件

在页面DOM元素加载完毕之后,可以通过liveTimeAgo()方法来初始化该插件。

$('.liveTime').liveTimeAgo();                  
                

上面的日期会被转换为类似:

2 天前
1 年前
1 天前                  
                

配置参数

jquery.liveTimeAgo.js插件的默认配置参数如下:

var default_options = {
    translate: {
        'year': '% year ago',
        'years': '% years ago',
        'month':'% month ago',
        'months':'% months ago',
        'day': '% day ago',
        'days': '% days ago',
        'hour': '% hour ago',
        'hours': '% hours ago',
        'minute': '% minute ago',
        'minutes': '% minutes ago',
        'seconds': 'few seconds ago',
        'error': 'unknow time',
    }
};
$('.liveTime').liveTimeAgo(default_options);                  
                

jquery.liveTimeAgo.js插件的github地址为:https://github.com/ticlekiwi/jquery.liveTimeAgo.js

网友评论