angularjs过滤器filter处理时间格式

原创 2015年11月20日 23:11:30

这些日子用angularjs做项目,真是感觉发现了一个神器。。。但是同时一连串的问题也根着来了,双向绑定,数据传递,路由跳转。。。。然后一些古怪的广播$broadcast,$emit,$on.....,然后又是服务factory,,,,然后。。。然后又是filter。。。今天就说说这个filter。


angularjs自定义了许多过滤器,而且使用非常方便,比如时间过滤器date,{{dateFromController | date : 'yyyy-MM-dd'}},需要的格式就来了,但是问题也来了,这是

在页面上显示的,但是在input输入框里面要是用ng-model绑定一个时间,而这个时间从后台返回到前台时候是以毫秒计的,这时候咋办?


为了不麻烦后台,我是上网找了一遍又一遍,就没几个介绍在controller里面使用过滤器过滤时间的,后来看到一个用$filter('date')(new Date())过滤的,是能过滤,

但是默认过滤成英文标准格式的了,再后来试了几个地方放入‘yyyy-MM-dd’,但是当把它放入后面时,出效果了,时间被顺利格式化。

$scope.date = $filter('date‘)(new Date(),'yyyy-MM-dd');这时候过滤的时间就和input的ng-model绑定了,而且格式也可以自定义了。

后来有个页面有n个下拉列表,都是从数据字典里面返回的,而且还无序,所以点击下拉,里面顺序全乱的,这时候我又想到了过滤器,于是再用了下:

$scope.date = $filter('orderBr')(dicts,itemKey),dicts是数据字典返回的数组,itemKey是1,2,3,4,5,之类的值,这样就可以以12345排序了,对应的name就按顺

序正常显示了。


才接触angularjs不久,觉得这个东西真的不错。就是学起来没有jQuery简单,但要是会用,那是不知道比jQuery方便多少倍了。

angularjs中的filter(过滤器)——格式化日期的date

我们在写程序的时候经常需要用到日期,但是有时得到的日期不是我们想要的格式,那我们就可以用date过滤器来很方便的格式化日期成为我们想要的格式。...

AngularJS过滤器filter-时间日期格式-渲染日期格式-$filter

http://www.cnblogs.com/BeautifulBoy/p/6257800.html http://www.cnblogs.com/94cool/p/5895813.html ...

AngularJs Filter详解1-内置过滤器

在AngularJs中 ,过滤器可以使用一个管道符(|)添加到表达式和指令中  。 angularjs的filter功能可分为二种,一种是内置的过滤器,一种是自定义的。 AngularJs过滤去可用...

AngularJs 过滤器(filter)

过滤器(filter)正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回处理后的结果。主要用在数据的格式化上,例如获取一个数组中的子集,对数组中的元素进行排序等。ng内置了一些过滤器,它们...

angularjs中的filter(过滤器)

filters可以用来格式化数据。例如把时间格式化成为yyyy-MM-dd的形式来呈现给用户,方便查看。angularjs内置了一些filters,我们也可以根据自己的需要自定义一些filters. ...

angularJS-filter过滤器

根据特定字符串过滤如果(val.name)为false,则由后面的 || “” 替换显示:js: $scope.friends = [{id:'1',pid:'0',name:'John', phon...
  • jump_22
  • jump_22
  • 2017年02月09日 12:07
  • 166

AngularJs过滤器(filter)

过滤器(filter)正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回处理后的结果。主要用在数据的格式化上,例如获取一个数组中的子集,对数组中的元素进行排序等。ng内置了一些过滤器,它们...

angularjs过滤器(filter)

过滤器(filter)正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回处理后的结果。主要用在数据的格式化上,例如获取一个数组中的子集,对数组中的元素进行排序等。ng内置了一些过滤器,它们...

走进AngularJs(七) 过滤器(filter) - 吕大豹

[转自] http://www.cnblogs.com/lvdabao/p/3475426.html?utm_source=tuicool&utm_medium=referral 过...
  • kolabb
  • kolabb
  • 2016年05月23日 11:39
  • 1780

走进AngularJs(七) 过滤器(filter)

原文链接http://www.geekcome.com/content-10-1906-1.html 过滤器(filter)正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回处理...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:angularjs过滤器filter处理时间格式
举报原因:
原因补充:

(最多只允许输入30个字)