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. CentOS 7 修改时区（转）
			
    本文转载至:http://mathslinux.org/?p=637 Linux 系统(我特指发行版, 没说内核) 下大部分软件的风格就是不会仔细去考虑向后 的兼容性, 比如你上个版本能用这种程序配置 ...
    
			
    2. 
						
  2. cocos2d-x之单点触碰初试
			
    bool HelloWorld::init() { if ( !Layer::init() ) { return false; } Size size=Director::getInstance()- ...
    
			
    3. 
						
  3. tmpFile.renameTo(classFile) failed 错误
			
    突然的出现了这个tmpFile.renameTo(classFile) failed 错误. 也许是我删掉了tomcat里面的webapps 中的项目,而通过debug部署,而出现了这个问题. 一开始 ...
    
			
    4. 
						
  4. 设计模式C#实现(三)——外观模式
			
    外观模式——提供了一个统一的接口,用来访问子系统中的一群接口.外观定义了一个高层接口让子系统更容易使用. 一个外观包含了为许多对象和对他们的操作,使得重复这些操作更方便. 假如客厅里有灯(Lights ...
    
			
    5. 
						
  5. Android开发学习总结(一)——搭建最新版本的Android开发环境
			
    Android开发学习总结(一)——搭建最新版本的Android开发环境(转) 最近由于工作中要负责开发一款Android的App,之前都是做JavaWeb的开发,Android开发虽然有所了解,但是 ...
    
			
    6. 
						
  6. Python pass语句作用与用法
			
    Python中的pass语句作用是什么?表示它不做任何事情,一般用做占位语句.pass语句具体作用及使用方法,我们往下看. pass语句在函数中的作用 当你在编写一个程序时,执行语句部分思路还没有完成 ...
    
			
    7. 
						
  7. PHP通过串口发短信
			
    随技术进步,短信收发领域按时间先后产生了三种模式:BLOCK MODE,基于AT指令的TEXT MODE,基于AT指令的PDU MODE.其中,TEXT MODE比较简单,多款诺基亚手机均支持此款模式 ...
    
			
    8. 
						
  8. [转]Oracle分页之二：自定义web分页控件的封装
			
    本文转自:http://www.cnblogs.com/scy251147/archive/2011/04/16/2018326.html 上节中,讲述的就是Oracle存储过程分页的使用方式,但是如 ...
    
			
    9. 
						
  9. Fast RCNN  训练自己数据集 (1编译配置)
			
    FastRCNN 训练自己数据集 (1编译配置) 转载请注明出处,楼燚(yì)航的blog,http://www.cnblogs.com/louyihang-loves-baiyan/ https:/ ...
    
			
    10. 
						
  10. 【温故而知新-Javascript】使用数组
			
    Javascript 数组的工作方式与大多数编程语言的数组类似. <!DOCTYPE html> <html lang="en"> <head> ...
    
			
    11.