<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="app">
<p>未格式化前:{{date}}</p>
<p>时间过滤(完整):{{date | daterful }}</p>
<p>时间过滤:{{date | daterful('YYYY-MM-DD') }}</p>
<p>时间过滤:{{date | daterful('HH:mm:ss') }}</p>
</div>
<script src="https://vuejs.org/js/vue.js"></script>
<script src="https://cdn.bootcss.com/moment.js/2.24.0/moment.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
//daterful自定义过滤器名称
Vue.filter('daterful',function (oldval,filerw ) {
return moment(oldval).format( filerw || 'YYYY-MM-DD HH:mm:ss' );
})
var app = new Vue({
el:'#app',
data:{
date:new Date()
}
})
</script>
</body>
</html>