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过滤器来很方便的格式化日期成为我们想要的格式。...
  • smile_panda
  • smile_panda
  • 2016年01月29日 08:50
  • 34094

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

http://www.cnblogs.com/BeautifulBoy/p/6257800.html http://www.cnblogs.com/94cool/p/5895813.html ...
  • tiramisu_ljh
  • tiramisu_ljh
  • 2017年07月25日 16:08
  • 1150

angular input输入框中使用filter格式化日期

最近使用了angular日期选择器,不过需要把选中的日期输出到input输入框中,如果按照默认情况,显示的是时间戳形式的时间,不符合要求,需要把格式变成特定格式,但是input上ng-model上又不...
  • zk437092645
  • zk437092645
  • 2014年07月16日 17:31
  • 29900

angularJS date filter ——时间格式化过滤器

angularJS的date过滤器可以将日期格式化成需要的格式。 测试时间对象:”2016-12-03T02:43:51.535Z“ 常用方式: {{now | date : 'yyy...
  • djzhao627
  • djzhao627
  • 2016年12月03日 11:32
  • 6442

angularJS过滤器date所接受的日期类型

使用ISO标准日期格式 --> {{ '2015-05-20T03:56:16.887Z' | date:"MM/dd/yyyy @ h:mma"}} 使用13位(单位:毫秒)时间戳 --> {{ ...
  • u010552788
  • u010552788
  • 2016年03月18日 13:16
  • 2849

angular-过滤器date日期时间

日期时间过滤器                     原始输出:                             日期格式化:                           ...
  • guohao326
  • guohao326
  • 2017年05月01日 17:42
  • 627

AngularJS 定时器(获取当前日期)

AngularJS 服务 {{msg}} {{now|date: 'yyyy-MM-dd hh:mm:ss'}} 停 var App = angu...
  • gyq04551
  • gyq04551
  • 2017年02月18日 14:36
  • 2043

angularjs绑定调用时间

angularjs绑定是在domcontentloader之后,也就是像jquery一样在dom加载完毕之后开始绑定,而不是在body.onload之后再进行绑定...
  • Ediwal
  • Ediwal
  • 2015年09月07日 11:38
  • 280

logstash 中filter中的date插件

filter{ date{       match => ["logdate", "dd/MMM/yyyy:HH:mm:ss Z"]           add_field =>["respons...
  • sxf_123456
  • sxf_123456
  • 2017年12月20日 14:27
  • 109

logstash-filter-date-3.1.8

  • 2017年12月15日 10:23
  • 40KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:angularjs过滤器filter处理时间格式
举报原因:
原因补充:

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