Latest web development tutorials

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