jQuery工具提示显示来自unix时间戳的timeAgo

时间:2017-01-26 13:26:08

标签: jquery time tooltip timeago

如何从jquery中的 timestamp 获取 timeAgo 并将其显示为简单的工具提示

我发现这http://timeago.yarp.com/并不是我想要的。

我正在寻找的是将时间戳设为data-ts="timestamp",然后当用户将文字悬停时,工具提示显示为" 1天,3小时前"

注意:工具提示并不是一件特别的事情,只是显示title属性的默认系统工具提示就足够了。

1 个答案:

答案 0 :(得分:1)

虽然您提到它并不完全是您想要的,但您可以使用timago.yarp.com来实现它。可以选择以编程方式使用它:

jQuery.timeago(new Date());             //=> "less than a minute ago"
jQuery.timeago("2008-07-17");           //=> "9 years ago"
jQuery.timeago(jQuery("time#some_id")); //=> "9 years ago"     // [title="2008-07-20"]

例如:

$('.element-with-tooltip').hover(function(){
$(this).attr('data-timeago', $.timeago($(this).attr('data-ts')));
});

更好的方法是将其添加为ToolTip函数(插件)的回调,该函数返回" timeago"输出显示在工具提示中。