天天看點

模闆中将數字格式的日期化為yyyy-MM-dd樣式

<!--資料容器-->
<div id="content"></div>
<!--/資料容器-->

<script id="test" type="text/html">
    /*對time對象進行格式化*/
    {{time | dateFormat:'yyyy年 MM月 dd日 hh:mm:ss'}}
</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
 */
 template.helper('dateFormat', function (date, format) {

        date = new Date(date);

        var map = {
            "M": date.getMonth() + , //月份 
            "d": date.getDate(), //日 
            "h": date.getHours(), //小時 
            "m": date.getMinutes(), //分 
            "s": date.getSeconds(), //秒 
            "q": Math.floor((date.getMonth() + ) / ), //季度 
            "S": date.getMilliseconds() //毫秒 
        };
        format = format.replace(/([yMdhmsqS])+/g, function (all, t) {
            var v = map[t];
            if (v !== undefined) {
                if (all.length > ) {
                    v = '0' + v;
                    v = v.substr(v.length - );
                }
                return v;
            }
            else if (t === 'y') {
                return (date.getFullYear() + '').substr( - all.length);
            }
            return all;
        });
        return format;
    });
           
/*資料*/
var data = {
    time: (new Date).toString(),
};
/*渲染*/
var html = template('test', data);
/*綁定*/
document.getElementById('content').innerHTML = html;