jQueryプリデート


jQuery Prettydate

jQuery Prettydate プラグインは、フォームの強力な検証機能を提供し、クライアント側のフォーム検証を容易にすると同時に、さまざまなアプリケーションのニーズを満たす多数のカスタマイズ オプションを提供します。このプラグインには、URL や電子メール検証などの一連の便利な検証メソッドがバンドルされており、ユーザー定義メソッドを作成するための API が提供されます。バンドルされているすべてのメソッドでは、デフォルトでエラー メッセージに英語が使用され、他の 37 言語に翻訳されています。

このプラグインの現在のバージョンは 1.1.0 です。

jQuery Prettydate Validation (パスワード検証) プラグインをダウンロードします。

使い方

Prettydate プラグインを使用するには、タイトルに 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 秒ごとに更新します。このようにして、「たった今」が「1 分前」、次に「x 分前」、次に「1 時間前」というようになります。

間隔オプションを「false」に指定すると、間隔更新を無効にできます:

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

または、別の時間間隔を設定します(例: 間隔: 1000)。選択した各要素を毎秒更新します:

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

値オプションのデフォルトは次のとおりです。 title 属性の ISO8601 日付文字列を読み取ります。他のプロパティ (カスタム "isodate" プロパティなど) を使用するには、このオプションをオーバーライドします:

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