先介绍一下通用函数吧
// 格式化日期
// 返回 年-月-日 时:分:秒
formatDate(date) {
date = new Date(date);
let myyear = date.getFullYear();
let mymonth = date.getMonth() + 1;
let myweekday = date.getDate();
let myHour = date.getHours();
let myMin = date.getMinutes();
let mySec = date.getSeconds();
if (mymonth < 10) {
mymonth = "0" + mymonth;
}
if (myweekday < 10) {
myweekday = "0" + myweekday;
}
if (myHour < 10) {
myHour = "0" + myHour;
}
if (myMin < 10) {
myMin = "0" + myMin;
}
if (mySec < 10) {
mySec = "0" + mySec;
}
return myyear + "-" + mymonth + "-" + myweekday + " " + myHour + ":" + myMin + ":" + mySec;
},
还有比较简单的方法 直接用插件 moment
1.在项目中安装
npm i moment --save
2. 全局使用moment
2.1 全局使用
// 引入
import moment from 'moment'
// 全局过滤器
Vue.filter('dateFormat', (str, partten = "YYYY-MM-DD HH:mm:ss") => {
return moment(str).format(pattern);
})
// 使用
<span>{{data | dateformat('YYYY-MM-DD')}}</span>
2.2 按需使用
// 引入
import moment from 'moment'
methods: {
moment,
}
<span>moment(data).format('YYYY-MM-DD hh:mm:ss')</span>