jquery Prettydate

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

該插件目前版本是 1.1.0。

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

使用方式

如需使用 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
    

嘗試一下

網(wǎng)頁標題：創(chuàng)新互聯(lián)jQuery教程：jQueryPrettydate
分享地址：http://www.dlmjj.cn/article/dpsoeeh.html