lizhen
/
toupiaoh5


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
							<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>helper-demo</title>
<script src="../dist/template.js"></script>
</head>

<body>
<h1>辅助方法</h1>
<div id="content"></div>
<script id="test" type="text/html">

{{time | dateFormat:'yyyy年 MM月 dd日 hh:mm:ss'}}

</script>

<script>

/** 

 * 对日期进行格式化， 

 * @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) {


    if (typeof date === "string") {

        var mts = date.match(/(\/Date\((\d+)\)\/)/);

        if (mts && mts.length >= 3) {

            date = parseInt(mts[2]);

        }

    }

    date = new Date(date);

    if (!date || date.toUTCString() == "Invalid Date") {

        return "";

    }


    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 = {

	time: 1408536771253,

};

var html = template('test', data);

document.getElementById('content').innerHTML = html;

</script>
</body>
</html>