vue.js 允许你自定义过滤器,过滤器可以用在两个地方:双花括号插值
和 v-bind 表达式
html代码
<div class="text-box"> {{declaredate|formatDate}} </div>
或者
<div v-model="{{declaredate|formatDate}}"></div>
vue.js 代码
new Vue({
el: "#app",
data: {
declaredate:null
},
filters: {
formatDate(time) {
if(time != null) {
return new Date(time.replace(/-/g, "/")).format("yyyy-MM-dd");
} else {
return '无';
}
}
}
});
formatDate(time) 里的time 就是等于data里的 declaredate 把它拿来做判断要是 declaredate 等于null 的话则返回new Date生成的时间