top
Loading...
jQuery Prettydate

jQuery Prettydate

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

該插件目前版本是 1.1.0。

下載 jQuery Prettydate Validation(密碼驗證)插件。

使用方式

如需使用 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" 是 DOM 元素
            return $(this).attr("isodate");
        } 
    }); 
});
北斗有巢氏 有巢氏北斗