车把日期格式问题

Handlebars date format issue

本文关键字：问题 格式 日期      更新时间：2023-09-26

我有我的handlerbars模板与我的属性

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

lossDate是我的日期时间，它呈现如下:2015-08-28T00:00:00

我想把它显示为这个没有时间的2015-08-28。

谢谢

现在是编写车把栏帮助器的最佳时机!在你的模板中添加这个小的修改:

{{#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库。这里显示的帮助器接收模板传递的日期和格式字符串，创建一个moment date对象，然后根据指定的格式字符串对其进行格式化。有关moment的更多信息，包括如何获得各种格式，请访问这里:http://momentjs.com/docs/.

当然，您可以使用普通的JS日期操作而不是Moment.js，但是如何实现帮助器取决于您。

您可以使用把手帮助器。下面的方法将帮助你实现你的目标。

  1. 在终端上运行以下命令，将把手栏helper添加到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}}
相关文章：