2015-08-27 56 views
2

我有我的handlerbars模板,我的財產把手日期格式問題

{{#each claimsHistory}} 
    <td> 
    {{lossDate}} 
    </td> 
{{/each}} 

lossDate它我約會時,它呈現這樣2015-08-28T00:00:00

我想顯示因爲這沒有時間2015-08-28。

謝謝

回答

8

這是編寫手柄幫手的最佳時機!這個小的修改添加到您的模板:

{{#each claimsHistory}} 
    <td> 
     {{formatTime lossDate "MM-DD-YYYY"}} 
    </td> 
{{/each}} 

然後在HandlebarsHelpers.js文件,您在您的應用程序包括:

Handlebars.registerHelper('formatTime', function (date, format) { 
    var mmnt = moment(date); 
    return mmnt.format(format); 
}); 

moment是一種流行的JavaScript庫操作日期。這裏顯示的幫手收到您的日期,並通過模板傳遞一個格式字符串,創建一個瞬間日期對象,然後根據您指定的格式字符串格式化它。有關時刻的詳細信息,包括如何獲取各種格式,去這裏:http://momentjs.com/docs/

當然,你可以使用香草JS日期操作,而不是Moment.js,而是你如何實現的助手是由你。

+0

敬請贊成票的答案,「接受」,如果這有助於你,高興你能使用的答案。 – stolli

2

可以使用車把幫手。以下內容將幫助您實現目標。

  1. 運行在終端上以下到車把助手添加到使用config.json

    npm install --save handlebars-helpers 
    
  2. 導入您的app.js車把幫手

    var helpers = require('handlebars-helpers')(); 
    
  3. 然後在你的車把模板,你必須

    {{#each claimsHistory}} 
        <td> 
         {{moment lossDate format="YYYY-MM-DD"}} 
        </td> 
    {{/each}} 
    
+0

當接受的答案沒有時,這對我有效。感謝您在解釋中的描述性。 –