jquery Prettydate

jQuery Prettydate 插件為表單提供了強(qiáng)大的驗(yàn)證功能，讓客戶端表單驗(yàn)證變得更簡單，同時(shí)提供了大量的定制選項(xiàng)，滿足應(yīng)用程序各種需求。該插件捆綁了一套有用的驗(yàn)證方法，包括 URL 和電子郵件驗(yàn)證，同時(shí)提供了一個(gè)用來編寫用戶自定義方法的 API。所有的捆綁方法默認(rèn)使用英語作為錯(cuò)誤信息，且已翻譯成其他 37 種語言。

該插件目前版本是 1.1.0。

訪問 jQuery Prettydate 官網(wǎng)，下載 jQuery Prettydate Validation（密碼驗(yàn)證）插件。

使用方式

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

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

然后對它們應(yīng)用 prettyDate 方法：

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

如需本地化該插件，請?jiān)?$.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 秒中更新一次每個(gè)被選中的元素。這樣子 "just now" 會(huì)變?yōu)?"1 minute ago" 再變?yōu)?"x minutes ago" 再變?yōu)?"1 hour ago" 等等。

您可以通過指定 interval 選項(xiàng)為 "false" 來禁用間隔更新：

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

或者設(shè)置一個(gè)不同的時(shí)間間隔，例如：interval: 1000，每隔一秒更新一次每個(gè)被選中的元素：

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

value 選項(xiàng)默認(rèn)讀取 title 屬性中的 ISO8601 日期字符串。重載該選項(xiàng)來使用其他屬性，例如，一個(gè)自定義的 "isodate" 屬性：

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

實(shí)例演示

jQuery Prettydate 插件演示。本實(shí)例使用了一個(gè)固定的日期，因?yàn)樵摬寮粫?huì)格式化一個(gè)月之前的日期。實(shí)例不使用類似 "6 months ago" 這種模糊的表達(dá)，而是保持原有的日期字符串。

 
  
    
    


  
   
jQuery Prettydate 插件演示
   

     
加載...
       

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

嘗試一下

分享標(biāo)題：創(chuàng)新互聯(lián)jQuery教程：jQueryPrettydate
網(wǎng)站路徑：http://uogjgqi.cn/article/dpsoeeh.html