Vue-cli中日期格式的转化(实时获取当前标准时间)
直接上代码,秒懂
页面中直接使用
<h1>{{time | formDate}}</h1>
export default {
name: "tab",
data(){
return {
num: 666.52132,
time:0
}
},
mounted(){
setInterval(()=> {
this.time = new Date().getTime();
})
}
}
filter/index.js中
function add(m){
return m < 10? '0' + m : m;
};
export function formDate(value){
let date = new Date(value);
let Y = date.getFullYear();
let MM = date.getMonth() + 1;
let DD = date.getDate();
// DD < 10?('0' + DD) : DD;
let h = date.getHours();
let m = date.getMinutes();
let s = date.getSeconds();
return Y + '-' + add(MM) + '-' + add(DD) + " " + add(h) + ':' + add(m) + ':' + add(s);
}
需要注意的是三元表达式那,刚开始写在一个方法里面没能转化过来,感觉是作用域的问题,后改成函数调用的形式