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. SQL将用户表中已存在的数据所有姓名（汉字）转换为拼音首字母
			
    实现方法: --函数 Create function [dbo].[fn_GetPy](@str nvarchar(4000)) returns nvarchar(4000) --用于加密 --WIT ...
    
			
    2. 
						
  2. Android资源下载
			
    各个版本,在线源码: http://grepcode.com/project/repository.grepcode.com/java/ext/com.google.android/android/  ...
    
			
    3. 
						
  3. Mac OS X 中vim开启配色和git补全
			
    问题起源:mac 下自带的git 无法补全命令,配色方案不完善 Mac OS Yosemite 10.10.3 git version 2.3.2 (Apple Git-55) 处理结果:git命令可 ...
    
			
    4. 
						
  4. [转]ASP.NET MVC 4 (九) 模型绑定
			
    本文转自:http://www.cnblogs.com/duanshuiliu/p/3706701.html 模型绑定指的是MVC从浏览器发送的HTTP请求中为我们创建.NET对象,在HTTP请求和C ...
    
			
    5. 
						
  5. Linux下的C之2048
			
    #include <stdio.h> #include <stdlib.h> #include <curses.h> #include <time.h> ...
    
			
    6. 
						
  6. 详解Webwork中Action 调用的方法
			
    详解Webwork中Action 调用的方法 从三方面介绍webwork action调用相关知识: 1.Webwork 获取和包装 web 参数 2.这部分框架类关系 3.DefaultAction ...
    
			
    7. 
						
  7. HDU 4990 Ordered Subsequence --数据结构优化DP
			
    题意:给一串数字,问长度为m的严格上升子序列有多少个 解法:首先可以离散化为10000以内,再进行dp,令dp[i][j]为以第i个元素结尾的长度为j的上升子序列的个数, 则有dp[i][j] = S ...
    
			
    8. 
						
  8. RabbitMQ 一二事(4) - 路由模式介绍
			
    路由模式其实和订阅模式差不多,只不过交换机的类型不同而已 路由模式可以用下图来表示,比订阅模式多了一个key,举个栗子就是根据不同的人群来订阅公众号,来收取消息 根据不同的key来获取不同的消息 最简 ...
    
			
    9. 
						
  9. 使用Unity3D的50个技巧：Unity3D最佳实践
			
    翻译故事 原文:http://devmag.org.za/2012/07/12/50-tips-for-working-with-unity-best-practices/ 这篇技巧,我自己也在翻译, ...
    
			
    10. 
						
  10. nginx的学习材料
			
    1. 章亦春 关于nginx的讲解 http://agentzh.org/misc/slides/nginx-conf-scripting/nginx-conf-scripting.html#2 2. ...
    
			
    11.