Handlebars 自定义数据格式化、数据运算

来源：互联网发布：windows 禁止卸载软件编辑：程序博客网时间：2024/05/18 08:08

第一步：

引用插件 handlebars.min.js

第二步：

定义模版

<script id="custom-template" type="text/x-handlebars-template">    <tr data-id="{{id}}">        <td width="120px">{{computeAdd udf1 udf2 udf3 udf4}}</td>        <td width="80px">{{prettifyDate createdTime "YYYY-MM-DD"}}</td>        <td></td>    </tr></script>

设置自定义：

Handlebars.registerHelper({'prettifyDate' : function(timestamp) {//格式化时间var format = 'YYYY-MM-DD';if(arguments.length > 2){format = arguments[1];}if(timestamp){return moment(new Date(timestamp)).format(format);} else　{return '';}},//格式化数字默认空为'''prettifyNumber': function(number) {var format = '0.00', zero = true;if(arguments.length > 2){format = arguments[1];}if(arguments.length > 3){zero = arguments[2];}        return (zero ? number!=null : !!number) ? numeral(number).format(format):'';    },//字符去空格'prettifyStr': function(s) {        return s && s.replace(/\s/g, " " ); ;    },//格式化数字默认空为0'prettifyPositive': function(number) {var format = '0.00', zero = true;if(arguments.length > 2){format = arguments[1];}if(arguments.length > 3){zero = arguments[2];}        return (zero ? number!=null&&number>0 : !!number) ? numeral(number).format(format) : '0';    },//减'subtract': function(number1, number2) {var format = '0.00';if(arguments.length > 3){format = arguments[2];}var number = number1 - number2;return number ? numeral(number).format(format) : '';},//加'computeAdd': function() {var big = 0;try{var len = arguments.length - 1;for(var i = 0; i < len; i++){if(arguments[i]){big = eval(big +"+"+ arguments[i]);}}}catch(e){ throw new Error('Handlerbars Helper "computeAdd" can not deal with wrong expression:'+arguments); }return big;}});

第三步：调用模版：

//obj 为 动态数据pojo var source   = $("#custom-template").html();var template = Handlebars.compile(source);var html = template(obj);

圆满完成

0 0