index10.html

<html>
<head>
    <title>属性过滤器</title>
    <script src="jquery-1.11.2.min.js"></script>
    <script src="groot.js"></script>
</head>
<body>
<div gt-view="myview">
    <span gt-text="_.d({time},'yyyy-MM-dd')"></span>
</div>
</body>
</html>
<script>
    var view = groot.view("myview", function (vm, ve) {
        vm.time = "2013/10/20";
    });
</script>

属性过滤器定义



groot.filter(
    {
        "d": function (value, format) {
            if (!value) return;
            if (!format) format = "yyyy-MM-dd";
            switch (typeof value) {
                case "string":
                    value = new Date(value.replace(/-/, "/"));
                    break;
                case "number":
                    value = new Date(value);
                    break;
            }
            if (!value instanceof Date) return;
            var dict = {
                "yyyy": value.getFullYear(),
                "M": value.getMonth() + 1,
                "d": value.getDate(),
                "H": value.getHours(),
                "m": value.getMinutes(),
                "s": value.getSeconds(),
                "MM": ("" + (value.getMonth() + 101)).substr(1),
                "dd": ("" + (value.getDate() + 100)).substr(1),
                "HH": ("" + (value.getHours() + 100)).substr(1),
                "mm": ("" + (value.getMinutes() + 100)).substr(1),
                "ss": ("" + (value.getSeconds() + 100)).substr(1)
            };
            return format.replace(/(yyyy|MM?|dd?|HH?|ss?|mm?)/g, function () {
                return dict[arguments[0]];
            });
        }
    }
)






上面是内置的时间过滤器的定义；groot.filter 为属性过滤器扩展接口
												


											
grootJs 属性过滤器的更多相关文章
	

    
								
  1. grootJs属性扩展 groot.bindExtend
		
    index12.html <html><head> <title>grootJs属性扩展 groot.bindExtend</title> <sc ...
    
		
    2. 
						
  2. fastjson格式化bean的简易属性过滤器
		
    fastjson的bean属性过滤器 有的时候,我们在接口开发时,一个完整的bean会包含很多属性,但是前端接口只需要其中的某几个属性时,应该在对json的返回要进行精简.下面直接看代码 packag ...
    
		
    3. 
						
  3. FastJson前置属性过滤器
		
    FastJson前置属性过滤器 /** * <html> * <body> * <P> Copyright 1994 JsonInternational</p ...
    
		
    4. 
						
  4. HCNP Routing&Switching之BGP团体属性和团体属性过滤器
		
    前文我们了解了BGP的路由过滤已经as-path过滤器的使用相关话题,回顾请参考https://www.cnblogs.com/qiuhom-1874/p/15542559.html:今天我们来聊一聊 ...
    
		
    5. 
						
  5. Jsonlib 属性过滤器
		
    /** * @title JSON转换属性过滤器 * @description 用于JSON lib的JSON转换 * @author maohuidong * @date 2017-04-06 */ ...
    
		
    6. 
						
  6. jquery属性过滤器
		
    <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content=&q ...
    
		
    7. 
						
  7. jQuery表单对象属性过滤器再探究（原创）
		
    上面例子的总结: 1.”+n+”千万不要把前面或者后面的+漏掉了.否则不会出现正确结果 2.$(“:checkbox”).click(countChecked)注意写法,不是click(functio ...
    
		
    8. 
						
  8. grootjs 简明教程
		
    grootJs简明教程 mvvm框架也是解决的一类问题,在某些时候会提高生产效率: 经过接近一个月的努力,grootJs测试版终于发布了 grootJs是一个mvvm的框架,名字取 grass 和ro ...
    
		
    9. 
						
  9. 前端MVC Vue2学习总结（三）——模板语法、过滤器、计算属性、观察者、Class 与 Style 绑定
		
    Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据.所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. hdu 4832 Chess(dp)
			
    Chess Time Limit: 6000/3000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submi ...
    
			
    2. 
						
  2. HDU 1232 畅通工程(并查集）
			
    畅通工程 Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) Problem Des ...
    
			
    3. 
						
  3. HTTP Content-type
			
    文件扩展名 Content-Type 文件扩展名      Content-Type .* application/octet-stream .tif image/tiff .001 applicat ...
    
			
    4. 
						
  4. 21 数据库编程 - 《Python 核心编程》
			
    
			
    5. 
						
  5. [转]【HTTP】Fiddler（二） - 使用Fiddler做抓包分析
			
    本文转自:http://blog.csdn.net/ohmygirl/article/details/17849983 上文( http://blog.csdn.net/ohmygirl/articl ...
    
			
    6. 
						
  6. 【问题&解决】解决创建Android模拟器时提示"No system images installed for this target"的问题
			
    在创建Android模拟器时间发现提示“No system images installed for this target”问题,无法创建模拟器,如下图: 解决:经上网查证,发现原因在于CPU/AB ...
    
			
    7. 
						
  7. bfs简单题-poj2251
			
    宽搜基础题 思路很简单,注意细节. 走过的节点一定要打上标记//tag数组 三维字符串输入一定要注意 #include <stdio.h> #include <iostream> ...
    
			
    8. 
						
  8. [转载]ExtJs4 笔记（7） Ext.tip.ToolTip 提示
			
    作者:李盼(Lipan)出处:[Lipan] (http://www.cnblogs.com/lipan/)版权声明:本文的版权归作者与博客园共有.转载时须注明本文的详细链接,否则作者将保留追究其法律 ...
    
			
    9. 
						
  9. HDU 2491 Priest John's Busiest Day
			
    贪心.. #include<iostream> #include<string.h> #include<math.h> #include <stdio.h&g ...
    
			
    10. 
						
  10. 谈谈自己对java的学习看法
			
    从明天起,开始整理java的基础知识,进行巩固学习. 今天呢,谈谈自己的一点想法.很多人不知道java怎么学,学什么,有的是直接在网上找一些视频来看,不懂的地方到处跑群里问,结果效果并不是太好,怎么办 ...
    
			
    11.