vue过滤器实现日期格式化的方法-创新互联
创新互联www.cdcxhl.cn八线动态BGP香港云服务器提供商,新人活动买多久送多久,划算不套路!
这篇文章将为大家详细讲解有关vue过滤器实现日期格式化的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
大家都知道,我们获取当前日期可以通过Date对象获取。下面我将获取当前时间并打印出来。
console.log(new Date());
我们获取的是一个标准时间,控制台的输出如下所示。
在实际项目开发中,我们通常获取标准时间后不是直接拿来使用,而是要进行一些操作然后将它显示在页面中,我们将这些操作称作时间格式化。
过滤器
在vue中,我们可以使用过滤器来进行时间格式化。它的写法如下:
// Vue.filter(过滤器名称,处理函数)
使用的方式
{{ 过滤器数据| 过滤器名称 }}
具体代码
代码如下:
Document 今天的日期是:{{timer|timerFilter('-')}}
网页标题:vue过滤器实现日期格式化的方法-创新互联
网站URL:http://tyjierui.cn/article/djihee.html