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 属性过滤器的更多相关文章
-
grootJs属性扩展 groot.bindExtend
index12.html <html><head> <title>grootJs属性扩展 groot.bindExtend</title> <sc ...
-
fastjson格式化bean的简易属性过滤器
fastjson的bean属性过滤器 有的时候,我们在接口开发时,一个完整的bean会包含很多属性,但是前端接口只需要其中的某几个属性时,应该在对json的返回要进行精简.下面直接看代码 packag ...
-
FastJson前置属性过滤器
FastJson前置属性过滤器 /** * <html> * <body> * <P> Copyright 1994 JsonInternational</p ...
-
HCNP Routing&;Switching之BGP团体属性和团体属性过滤器
前文我们了解了BGP的路由过滤已经as-path过滤器的使用相关话题,回顾请参考https://www.cnblogs.com/qiuhom-1874/p/15542559.html:今天我们来聊一聊 ...
-
Jsonlib 属性过滤器
/** * @title JSON转换属性过滤器 * @description 用于JSON lib的JSON转换 * @author maohuidong * @date 2017-04-06 */ ...
-
jquery属性过滤器
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content=&q ...
-
jQuery表单对象属性过滤器再探究（原创）
上面例子的总结: 1.”+n+”千万不要把前面或者后面的+漏掉了.否则不会出现正确结果 2.$(“:checkbox”).click(countChecked)注意写法,不是click(functio ...
-
grootjs 简明教程
grootJs简明教程 mvvm框架也是解决的一类问题,在某些时候会提高生产效率: 经过接近一个月的努力,grootJs测试版终于发布了 grootJs是一个mvvm的框架,名字取 grass 和ro ...
-
前端MVC Vue2学习总结（三）——模板语法、过滤器、计算属性、观察者、Class 与 Style 绑定
Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据.所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解 ...
随机推荐
-
POJ2449 （k短路）
#include <cstdio> #include <cstring> #include <cmath> #include <algorithm> # ...
-
getline和get的区别
#include<iostream> #include<fstream> #include<cstring> using namespace std; int ma ...
-
多路复用I/O select()
select(),poll(),epoll()的总结:http://www.cnblogs.com/Anker/p/3265058.html 在socket编程中,仅仅使用connect,accept ...
-
Qt入门学习——Qt 5 帮助文档的使用
Qt入门学习——Qt 5 帮助文档的使用 学习图形界面开发,肯定离不开帮助文档的使用,因为它不像 C 语言那样就那么几个函数接口,图形接口的接口可以用海量来形容,常用的我们可能能记住,其它的真的没有必 ...
-
SQL中的去重操作
if not object_id('Tempdb..#T') is null drop table #T Go Create table #T([ID] ),[Memo] nvarchar()) In ...
-
ant 配置expdp and impap
+ 执行步骤: ant -f 1_exp_prod.xml copy file from prod to uat (maunule) ant -f 3_imp_uat.xml 附件: 1.1_exp ...
-
scrapy pipelines导出各种格式
scrapy在使用pipelines的时候,我们经常导出csv,json.jsonlines等等格式.每次都需要写一个类去导出,很麻烦. 这里我整理一个pipeline文件,支持多种格式的. # -* ...
- IP、端口及远程服务器
-
C++实现的一些功能代码
将当前时间输出到txt中: 调用c++中的fstream流文件,用tm结构获取日期和时间,其在time.h中定义 用ofstream的时候,ofstream out(txtpath,ios::app) ...
-
剑指offer：滑动窗口的最大值
滑动窗口的最大值 题目描述 给定一个数组和滑动窗口的大小,找出所有滑动窗口里数值的最大值.例如,如果输入数组{2,3,4,2,6,2,5,1}及滑动窗口的大小3,那么一共存在6个滑动窗口,他们的最大值 ...