Vue2.0如何自定义时间过滤器
我们知道Vue2.0开始不再支持自带的过滤器,需要我们自己去自定义过滤器,方法如下:
![](https://images2017.cnblogs.com/blog/1239357/201711/1239357-20171121113235196-586569886.png)
我们可以自己定义一个时间过滤器,在此引用了一个日期处理类库(Moment.js)可以很快的实现我们要的结果。首先先安装这个类库的依赖,安装步骤官网上有详细说明在此不细说。主要就是看你想要转化成什么样的时间格式,一般来说我们从后台获取的应该都是时间戳,只需要很简单的几句代码即可,如图所示:
![](https://images2017.cnblogs.com/blog/1239357/201711/1239357-20171121113243165-1469989368.png)
在html上的代码如下图所示:
![](https://images2017.cnblogs.com/blog/1239357/201711/1239357-20171121113258665-81026048.png)
这里的DateTime是后台获取的时间戳,time是自定义的时间过滤器,需要注意的别忘了在页面上要引用这个自定义过滤器所在的js文件:
![](https://images2017.cnblogs.com/blog/1239357/201711/1239357-20171121113306696-141521380.png)
我在这里需要获取xxxx年xx月xx日 xx:xx的格式,所以在过滤器中选用的字符串就是“YYYY-MM-DD hh:mm”,具体根据需求来定,如此这般就可以成功定义一个时间过滤器了。
如需转载请注明出处:http://www.cnblogs.com/zishang91/p/7559812.html,以便有错误可以及时修改,初涉Vue难免有错漏不足之处,请见谅并且指点,谢谢!!!