jQuery Prettydate(日期插件)

最新推荐文章于 2025-06-16 13:27:24 发布

转载最新推荐文章于 2025-06-16 13:27:24 发布 · 356 阅读

jQuery 专栏收录该内容

98 篇文章

订阅专栏

本文详细介绍如何使用PrettyDate插件将ISO8601日期格式转换为更易读的时间表述，包括基本使用方法、本地化设置及更新频率调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用方式

如需使用 Prettydate 插件，您需要在 title 中带有 ISO8601 日期：

<a title="2008-01-28T20:24:17Z">January 28th, 2008</a> 
<a title="2008-01-27T22:24:17Z">January 27th, 2008</a> 
<a title="2008-01-26T22:24:17Z">January 26th, 2008</a>

然后对它们应用 prettyDate 方法：

$(function() { $("a").prettyDate(); });

如需本地化该插件，请在 $.prettyDate.messages 中重写属性。在这里，以德国本地化为例：

$.prettyDate.messages = { now: "gerade eben", minute: "vor einer Minute", minutes: $.prettyDate.template("vor {0} Minuten"), hour: "vor einer Stunde", hours: $.prettyDate.template("vor {0} Stunden"), yesterday: "Gestern", days: $.prettyDate.template("vor {0} Tagen"), weeks: $.prettyDate.template("vor {0} Wochen") }

该插件每隔 10 秒中更新一次每个被选中的元素。这样子 "just now" 会变为 "1 minute ago" 再变为 "x minutes ago" 再变为 "1 hour ago" 等等。

可以通过指定 interval 选项为 "false" 来禁用间隔更新：

$(function() { $("a").prettyDate({ interval: false }); });

或者设置一个不同的时间间隔，例如：interval: 1000，每隔一秒更新一次每个被选中的元素：

$(function() { $("a").prettyDate({ interval: 1000 }); });

value 选项默认读取 title 属性中的 ISO8601 日期字符串。重载该选项来使用其他属性，例如，一个自定义的 "isodate" 属性：

$(function() { $("a").prettyDate({ function() { // "this" is the DOM element return $(this).attr("isodate"); } }); });