在下划线模板中设置日期格式 - Formatting dates in Underscore templates

Formatting dates in Underscore templates

本文关键字：设置日期格式下划线 | 更新日期: 2023-09-27

我在下划线模板中使用的主干模型中有一个date属性
date值采用整数格式，如12346432。

我想在下划线模板中以dd/mm/yyyy格式显示这个整数值，就像我在PHP中所做的那样。

这是我的下划线模板

<script type="text/template" id="item-template">    
    <span class="label label-info"><%- name %> <em> <%= date %> </em>  </span>
</script>

Undercore模板允许您通过print以任何您认为合适的方式调用函数和输出文本。例如，要将时间戳转换为日期，可以使用类似于的东西

<script type="text/template" id="tpl-1">    
    <span class="label label-info"><% print(new Date(date*1000)) %></span>
</script>

请注意，我假设时间戳来自PHP，因此以秒为单位。在Javascript中，时间戳预计以毫秒为单位，这就是我将其乘以1000的原因。

如果您的时间戳来自Javascript，请使用

<script type="text/template" id="tpl-1">    
    <span class="label label-info"><% print(new Date(date)) %></span>
</script>

格式化此日期对象可以像这样完成

<script type="text/template" id="tpl-2">    
    <span class="label label-info"><% 
        var d = new Date(date*1000), // or d = new Date(date)
            fragments = [
                d.getDate(),
                d.getMonth() + 1,
                d.getFullYear()
            ]; 
            print(fragments.join('/'));
        %></span>
</script>

或者将所有这些分解为一个函数调用（在_.template上，但您可以将其存储在任何地方）

_.template.formatdate = function (stamp) {
    var d = new Date(stamp*1000), // or d = new Date(date)
        fragments = [
            d.getDate(),
            d.getMonth() + 1,
            d.getFullYear()
        ]; 
    return fragments.join('/');
};

<script type="text/template" id="tpl-3">    
    <span class="label label-info"><%= _.template.formatdate(date) %></span>
</script>

还有一个演示http://jsfiddle.net/Dyzm8/

您有两个选项：

在传递toJSON方法的结果时，使用另一个字段扩展对象：

var fields = this.model.toJSON();
fields.formattedDate = '29/11/1973';
this.template(fields);

另一种方法是查看Backbone Marionette，它为此类情况提供了辅助方法（并解决了许多其他重复任务）。

Javascript中的一个简单的PHP日期函数端口可以在这里找到。