时间过滤器

一.过滤器

功能: 对要显示的数据进行特定格式化后再显示
注意: 并没有改变原本的数据, 可是产生新的对应的数据

二.实例代码

注意：使用过滤器需要引用moment.js文件

<div id="test">
<h2>显示格式化的日期时间</h2>
<p>{{time}}</p>
<p>最完整的: {{time | dateString}}</p>
<p>年月日: {{time | dateString('YYYY-MM-DD')}}</p>
</div>

<script>
// 定义过滤器
Vue.filter('dateString', function(value, format = 'YYYY-MM-DD HH:mm:ss') {
return moment(value).format(format);
})
new Vue({
el: '#test',
data: {
time: new Date()
},
mounted() {
setInterval(() => {
this.time = new Date()
}, 1000)
}
})
</script>

三.实现效果