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");} 
	}); });