您现在的位置是:首页 > 网站制作 > vue.js心得vue.js心得
vue 时间格式化
蒙xs2022-07-28【vue.js心得】人已围观
简介1.在筛选器里面 filters:{
formatDate: function(value,args) {
var dt = new Date(value);
if(args == 'yyyy-M-d') {// yyyy-M-
1.在筛选器里面
2.使用
filters:{
formatDate: function(value,args) {
var dt = new Date(value);
if(args == 'yyyy-M-d') {// yyyy-M-d
let year = dt.getFullYear();
let month = dt.getMonth() + 1;
let date = dt.getDate();
return `${year}-${month}-${date}`;
} else if(args == 'yyyy-M-d H:m:s'){// yyyy-M-d H:m:s
let year = dt.getFullYear();
let month = dt.getMonth() + 1;
let date = dt.getDate();
let hour = dt.getHours();
let minute = dt.getMinutes();
let second = dt.getSeconds();
return `${year}-${month}-${date} ${hour}:${minute}:${second}`;
} else if(args == 'yyyy-MM-dd') {// yyyy-MM-dd
let year = dt.getFullYear();
let month = (dt.getMonth() + 1).toString().padStart(2,'0');
let date = dt.getDate().toString().padStart(2,'0');
return `${year}-${month}-${date}`;
} else {// yyyy-MM-dd HH:mm:ss
let year = dt.getFullYear();
let month = (dt.getMonth() + 1).toString().padStart(2,'0');
let date = dt.getDate().toString().padStart(2,'0');
let hour = dt.getHours().toString().padStart(2,'0');
let minute = dt.getMinutes().toString().padStart(2,'0');
let second = dt.getSeconds().toString().padStart(2,'0');
return `${year}-${month}-${date} ${hour}:${minute}:${second}`;
}
}
},
formatDate: function(value,args) {
var dt = new Date(value);
if(args == 'yyyy-M-d') {// yyyy-M-d
let year = dt.getFullYear();
let month = dt.getMonth() + 1;
let date = dt.getDate();
return `${year}-${month}-${date}`;
} else if(args == 'yyyy-M-d H:m:s'){// yyyy-M-d H:m:s
let year = dt.getFullYear();
let month = dt.getMonth() + 1;
let date = dt.getDate();
let hour = dt.getHours();
let minute = dt.getMinutes();
let second = dt.getSeconds();
return `${year}-${month}-${date} ${hour}:${minute}:${second}`;
} else if(args == 'yyyy-MM-dd') {// yyyy-MM-dd
let year = dt.getFullYear();
let month = (dt.getMonth() + 1).toString().padStart(2,'0');
let date = dt.getDate().toString().padStart(2,'0');
return `${year}-${month}-${date}`;
} else {// yyyy-MM-dd HH:mm:ss
let year = dt.getFullYear();
let month = (dt.getMonth() + 1).toString().padStart(2,'0');
let date = dt.getDate().toString().padStart(2,'0');
let hour = dt.getHours().toString().padStart(2,'0');
let minute = dt.getMinutes().toString().padStart(2,'0');
let second = dt.getSeconds().toString().padStart(2,'0');
return `${year}-${month}-${date} ${hour}:${minute}:${second}`;
}
}
},
2.使用
<p>{{time}}</p>
<p>[yyyy-M-d]:{{time|formatDate('yyyy-M-d')}}</p>
<p>[yyyy-MM-dd]:{{time|formatDate('yyyy-MM-dd')}}</p>
<p>[yyyy-M-d H:m:s]:{{time|formatDate('yyyy-M-d H:m:s')}}</p>
<p>[yyyy-MM-dd HH:mm:ss]:{{time|formatDate('yyyy-MM-dd HH:mm:ss')}}</p>
<p>[yyyy-M-d]:{{time|formatDate('yyyy-M-d')}}</p>
<p>[yyyy-MM-dd]:{{time|formatDate('yyyy-MM-dd')}}</p>
<p>[yyyy-M-d H:m:s]:{{time|formatDate('yyyy-M-d H:m:s')}}</p>
<p>[yyyy-MM-dd HH:mm:ss]:{{time|formatDate('yyyy-MM-dd HH:mm:ss')}}</p>
Tags:
很赞哦! ()
上一篇:子级点击事件阻止触发父级点击事件
下一篇:vue防抖,节流函数