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