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