讲述一下vue时间格式化。
(一)函数封装(将该函数封装成一个文件,或者加入自己项目的函数库)
// 这个函数 网上 随处可见,我也是应用了别人的。
export function formatDate(date, fmt) {
if (/(y+)/.test(fmt)) {
fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
}
let o = {
'M+': date.getMonth() + 1,
'd+': date.getDate(),
'h+': date.getHours(),
'm+': date.getMinutes(),
's+': date.getSeconds()
};
for (let k in o) {
if (new RegExp(`(${k})`).test(fmt)) {
let str = o[k] + '';
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));
}
}
return fmt;
};
function padLeftZero(str) {
return ('00' + str).substr(str.length);
}
(二)文件引入(注意:由于是函数,故名字要和函数的名字一致)
import { formatDate } from '../../unit/index.js'
(三)添加到过滤器中
filters: {
formatDate(time) {
var date = new Date(time);
return formatDate(date, 'yyyy-MM-dd');
}
},
(四)使用场景一: 在HTML中使用
// item.createdate是后台数据~~
<div class="bottomTimee fz12 c_9a">{{item.createdate | formatDate}}</div>
(五)使用场景二: 在提交时候使用
let nowDate = formatDate(new Date(), 'yyyy-MM-dd hh:mm')
ok了~~~
时间格式化的,在网上有了很多的函数。本博客所提供的函数也仅仅是其一。