先介绍一下通用函数吧
// 格式化日期 // 返回 年-月-日 时:分:秒 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>