js部分:
先定义vue实例及函数方法,再定义过滤器方法实现。
render
函数是渲染一个视图,然后提供给el
挂载,如果没有render那页面什么都不会出来, Vue 实例选项对象的 render 方法作为一个函数,接受传入的参数 h 函数,返回 h() 的函数调用结果。
new Vue({
el: "#dateFormat",
render: h => h()
})
Vue.filter('dateFormat',(dataStr) => {
var time = new Date(dataStr*1000);
function timeAdd0(str) {
if(str<10){
str='0'+str;
}
return str
}
var y = time.getFullYear();
var m = time.getMonth()+1;
var d = time.getDate();
var h = time.getHours();
var mm = time.getMinutes();
var s = time.getSeconds();
return y+'-'+timeAdd0(m)+'-'+timeAdd0(d)+' '+timeAdd0(h)+':'+timeAdd0(mm)+':'+timeAdd0(s);
})
html部分:
<div id="dateFormat">
<p>{{data.create_time|dateFormat}}</p>
</div>