jQuery Prettydate

使用方式

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

January 28th, 2008 
January 27th, 2008 
January 26th, 2008

然后對它們應用 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" 會變?yōu)?"1 minute ago" 再變?yōu)?"x minutes ago" 再變?yōu)?"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"); } }); });

實例演示

jQuery Prettydate 插件演示。本實例使用了一個固定的日期，因為該插件不會格式化一個月之前的日期。實例不使用類似 "6 months ago" 這種模糊的表達，而是保持原有的日期字符串。

 
  
    
    


  
   
jQuery Prettydate 插件演示
   

     
加載...
       

        
源代碼：github.com/jzaefferer/jquery-prettydate
    

查看演示