jQuery Prettydate

使用方法

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 とすると、選択された各要素を1秒ごとに更新します：

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

value オプションはデフォルトで title 属性の ISO8601 日付文字列を読み取ります。このオプションをオーバーライドして他の属性を使用できます。例えば、カスタムの "isodate" 属性：

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