客户端模板引擎向模板内部开放一个外部变量用于操作数据

bikeshedding

于 2020-07-22 15:50:57 发布

阅读量194

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/forljnlearning/article/details/107515304

本文介绍了一种在模板引擎中使用自定义方法格式化日期的技巧，通过将外部变量导入模板并定义处理函数，实现了对数据更新时间的格式化显示，增强了数据的可读性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

固定写法

 // 向模板内部开放一个外部变量
        template.defaults.imports.dataFormat = dataFormat;

//配置完之后定义该方法然后用参数的形式将data传递出来

  {{each info}}
            <tr>
                <th>{{dataFormat($value.update_time)}}</th>
                <th>{{$value.degree}}</th>
                <th>{{$value.weather}}</th>
                <th>{{$value.wind_direction}}</th>
                <th>{{$value.wind_power}}</th>
            </tr>
        {{/each}}

//传递出来之后用定义的方法接受数据用于处理
 function dataFormat(data) {
            //  截取字符串
            var year = data.substr(0,4);
            var month = data.substr(4,2);
            var day = data.substr(6,2);
            var hour = data.substr(8,2)
            console.log(data);
            
            return year + '年' + month + '月' + day + '号' + hour + '时'
        }