jQuery Prettydate

#jQuery Prettydate 外掛程式為表單提供了強(qiáng)大的驗(yàn)證功能,讓用戶(hù)端表單驗(yàn)證變得更簡(jiǎn)單,同時(shí)提供了大量的客製化選項(xiàng),滿(mǎn)足應(yīng)用程式各種需求。該外掛程式捆綁了一套有用的驗(yàn)證方法,包括 URL 和電子郵件驗(yàn)證,同時(shí)提供了一個(gè)用來(lái)編寫(xiě)使用者自訂方法的 API。所有的捆綁方法預(yù)設(shè)使用英語(yǔ)作為錯(cuò)誤訊息,且已翻譯成其他 37 種語(yǔ)言。

該外掛程式目前版本是 1.1.0。

下載 jQuery Prettydate Validation(密碼驗(yàn)證)外掛程式。

使用方式

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

然後對(duì)它們應(yīng)用prettyDate 方法:

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

如需本地化該插件,請(qǐng)?jiān)?.prettyDate.messages 中重寫(xiě)屬性。在這裡,以德國(guó)本地化為例:

$.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" 變成 "1 minute ago" 再變成 "x minutes ago" 再變成 "1 hour ago" 等等。

您可以透過(guò)指定interval 選項(xiàng)為"false" 來(lái)停用間隔更新:

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

或設(shè)定一個(gè)不同的時(shí)間間隔,例如:interval: 1000,每隔一秒更新每個(gè)被選取的元素:

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

value 選項(xiàng)預(yù)設(shè)讀取title 屬性中的ISO8601 日期字串。重載該選項(xiàng)來(lái)使用其他屬性,例如,一個(gè)自訂的 "isodate" 屬性:

$(function() { 
	$("a").prettyDate({function() { // "this" 是 DOM 元素return $(this).attr("isodate");} 
	}); });