Vue2.0如何自定义时间过滤器

我们知道Vue2.0开始不再支持自带的过滤器，需要我们自己去自定义过滤器，方法如下：

 

        我们可以自己定义一个时间过滤器，在此引用了一个日期处理类库（Moment.js）可以很快的实现我们要的结果。首先先安装这个类库的依赖，安装步骤官网上有详细说明在此不细说。主要就是看你想要转化成什么样的时间格式，一般来说我们从后台获取的应该都是时间戳，只需要很简单的几句代码即可，如图所示：

 

 

在html上的代码如下图所示：

 

        这里的DateTime是后台获取的时间戳，time是自定义的时间过滤器，需要注意的别忘了在页面上要引用这个自定义过滤器所在的js文件：

 

 

        我在这里需要获取xxxx年xx月xx日 xx：xx的格式，所以在过滤器中选用的字符串就是“YYYY-MM-DD hh:mm”，具体根据需求来定，如此这般就可以成功定义一个时间过滤器了。

 

 

 

        如需转载请注明出处：http://www.cnblogs.com/zishang91/p/7559812.html，以便有错误可以及时修改，初涉Vue难免有错漏不足之处，请见谅并且指点，谢谢！！！