把手日期格式问题

时间:2015-08-27 21:57:36

标签: javascript jquery handlebars.js

我的属性

有我的handlerbars模板
{{#each claimsHistory}}
  <td>
    {{lossDate}} 
  </td>
{{/each}}

lossDate它的我的约会时间,它呈现如下2015-08-28T00:00:00

我想在没有时间的情况下将其显示为2015-08-28。

由于

2 个答案:

答案 0 :(得分:12)

这是编写车把助手的最佳时机!将此次修改添加到模板中:

{{#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/

当然,您可以使用vanilla JS日期操作而不是Moment.js,但是如何实现帮助程序取决于您。

答案 1 :(得分:3)

您可以使用把手助手。以下内容将帮助您实现目标。

  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}}
    
相关问题