Meteorのハンドルバーテンプレートの中から日付をフォーマットする

Question

データからISOフォーマットされた日付を取得しました。実際にやりたいことは、自分のテンプレートから直接日付形式を変更することです。

このような

：私は一瞬のライブラリを使用していますので、私はこのような何か書くことができる

{{format my.context.date "myFormat"}} 

：私はそれは私の場所だと思うので、それはいいだろう

{{formatDate my.context.date "DD.MM.YYYY HH:mm"}} // 03.09.2013 18:12 

をこれを行うことができるはずです。私のテンプレートで。

Answer 1

解決策は非常に簡単で、誰かが役に立つと思うかもしれません。 ほとんどのプロジェクトでは、使用したいいくつかの日付形式があります。 フォーマットを読みやすい名前で定義するのは良い方法です。

この例では、私はちょうど「短い」と「長い」を取ったが、あなたが見ると、それは非常に伸びやすい。

だから私は私のクライアントスクリプトでオブジェクトを作成しました：

var DateFormats = { 
     short: "DD MMMM - YYYY", 
     long: "dddd DD.MM.YYYY HH:mm" 
}; 

はまた、私はハンドルヘルパー「は、FormatDate」を作成しました。

編集：今、あなたはあなたが見ることができるように、私は私のヘルパーにmoment.jsのlibが使用代わりに、ハンドルバー

// Deprecated since version 0.8.0 
Handlebars.registerHelper("formatDate", function(datetime, format) { 

// Use UI.registerHelper.. 
UI.registerHelper("formatDate", function(datetime, format) { 
    if (moment) { 
    // can use other formats like 'lll' too 
    format = DateFormats[format] || format; 
    return moment(datetime).format(format); 
    } 
    else { 
    return datetime; 
    } 
}); 

のUIを使用する必要があります。インストールするには、コマンドラインから「meteor add momentjs:moment」と入力してください。

そして今、どこにでも私のテンプレートで、私はこのように、2つのparamsでそれを使用することができます。

{{formatDate MyISOString "short"}} // 02 September - 2013 
{{formatDate MyISOString "long"}} // Monday 02.09.2013 18:00 

独自のフォーマットを作成したい場合は、momentjsドキュメントhttp://momentjs.com/docs/

を見てみましょう

ハッピーコーディング！