对angularjs时间过滤格式

Posted 国王坎通纳

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了对angularjs时间过滤格式相关的知识,希望对你有一定的参考价值。

在最近的项目中,我遇到这样的一个小问题,从后台传过来一个时间值,格式如下:

"/Date(1484743002000)/"

至于为什么是这种格式,后台的开发说数据库中就是这个存的(欺负我们不懂sqlserver)。

那问题来了,这个值如何在angular中显示为“2017-11-20”呢?

如果传过来的是“1484743002000“,可以用{{time"|date:‘yyyy-mm-dd‘}}直接转换。

这里的”date:‘yyyy-mm-dd‘“是angular已经封转好的过滤器,照着这个思路,我们可以自定义一个过滤器,

只要将"/Date(1484743002000)/"转换成”1484743002000“即可:

//日期过滤转化,只要是替换"/Date"为”“。
myModule.filter("transTime",function(){
return function(input){
var out=‘‘;
if(input==null||input==‘‘){
out=‘‘;
}else{
out=input.replace("/Date(", "");
out=out.replace(")/", "");
}

return out;
}
});
最后在页面中这样用:
{{time"|
transTime|date:‘yyyy-mm-dd‘}}
过滤两次即可。



 

        

 

 

)

 

以上是关于对angularjs时间过滤格式的主要内容,如果未能解决你的问题,请参考以下文章

AngularJS-03 过滤器

AngularJS之Filter

angularjs中的时间格式化过滤

AngularJS学习之旅—AngularJS 过滤器

angularjs中的filter(过滤器)

[angularjs] angularjs系列笔记过滤器