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 4049 Tourism Planning（动态规划）
			
    Tourism Planning Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) ...
    
			
    2. 
						
  2. Redis系列（二）—— 数据类型及其使用
			
    Redis数据类型及其使用 参考:http://www.cnblogs.com/jackluo/p/3173436.html Redis支持五种数据类型:string(字符串),hash(哈希),li ...
    
			
    3. 
						
  3. 在安装SqlServer2008时，有一项安装程序支持规则，为什么重新启动计算机那一项总是失败
			
    1.运行 regedit 打开注册表编辑器. 2.依次展开HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Session Manager目录,找 ...
    
			
    4. 
						
  4. Kafka原理与java simple producer示例
			
    brokers和消费者使用zk来获取状态信息和追踪消息坐标. 每一个partition是一个有序的,不可变的消息序列. 只有当partition里面的file置换到磁盘文件以后,才开放给消费者来消费. ...
    
			
    5. 
						
  5. 最小生成树 kruskal hdu 5723 Abandoned country
			
    题目链接:hdu 5723 Abandoned country 题目大意:N个点,M条边:先构成一棵最小生成树,然后这个最小生成树上求任意两点之间的路径长度和,并求期望 /************** ...
    
			
    6. 
						
  6. 三维网格去噪算法（bilateral filter）
			
    受图像双边滤波算法的启发,[Fleishman et al. 2003]和[Jones et al. 2003]分别提出了利用双边滤波算法对噪声网格进行光顺去噪的算法,两篇文章都被收录于当年的SIGG ...
    
			
    7. 
						
  7. uGUI练习(四) Light UI
			
    练习目标 在我之前的文章 Unity 2D Sprite Lighting ,讲到在2D Sprite中可以使用灯光,非常高兴的是,在Unity的新UI系统中我们也可以使用灯光 步骤 1.创建一个Pa ...
    
			
    8. 
						
  8. Linux 删除文件中某一行的方法
			
    如果有一个abc.txt文件,内容是: aaa bbb ccc ddd eee fff 如果要删除aaa,那么脚本可以这样写: sed -i '/aaa/d' abc.txt 如果删除的是一个变量的值 ...
    
			
    9. 
						
  9. 【Mysql】日期时间格式化
			
    1.日期转成指定格式:DATE_FORMAT(date, format) 2.int型时间转成指定格式:FROM_UNIXTIME(unix_timestamp,format) 根据format字符串 ...
    
			
    10. 
						
  10. 微软职位内部推荐-Sr. SW Engineer for Azure Networking
			
    微软近期Open的职位: Senior SW Engineer The world is moving to cloud computing. Microsoft is betting Windows ...
    
			
    11.