首页 > 代码库 > js-template-art【四】通过helper方法注册，调用外部方法
js-template-art【四】通过helper方法注册，调用外部方法
一、语法
模板代码中调用外部函数，需要通过helper方法注册
template.helper(name, callback)
二、使用【实例】
原文：http://blog.csdn.net/u011413061/article/details/50498470
前提：replace使用
html代码：
<!--数据容器--><div id="content"></div><!--/数据容器--><script id="test" type="text/html"> /*对time对象进行格式化*/ {{time | dateFormat:‘yyyy年 MM月 dd日 hh:mm:ss‘}}</script>
javascript代码
/** * 对日期进行格式化， * @param date 要格式化的日期 * @param format 进行格式化的模式字符串 * 支持的模式字母有： * y:年, * M:年中的月份(1-12), * d:月份中的天(1-31), * h:小时(0-23), * m:分(0-59), * s:秒(0-59), * S:毫秒(0-999), * q:季度(1-4) * @return String * @author yanis.wang * @see http://yaniswang.com/frontend/2013/02/16/dateformat-performance/ */template.helper(‘dateFormat‘, function (date, format) { date = new Date(date); //新建日期对象 /*日期字典*/ var map = { "M": date.getMonth() + 1, //月份 "d": date.getDate(), //日 "h": date.getHours(), //小时 "m": date.getMinutes(), //分 "s": date.getSeconds(), //秒 "q": Math.floor((date.getMonth() + 3) / 3), //季度 "S": date.getMilliseconds() //毫秒 }; /*正则替换*/ format = format.replace(/([yMdhmsqS])+/g, function(all, t){ var v = map[t]; if(v !== undefined){ if(all.length > 1){ v = ‘0‘ + v; v = v.substr(v.length-2); } return v; } else if(t === ‘y‘){ return (date.getFullYear() + ‘‘).substr(4 - all.length); } return all; }); /*返回自身*/ return format;});/*数据*/var data =http://www.mamicode.com/ { time: (new Date).toString(),};/*渲染*/var html = template(‘test‘, data);/*绑定*/document.getElementById(‘content‘).innerHTML = html;
js-template-art【四】通过helper方法注册，调用外部方法
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。