最近项目中遇到了用当前时间计算5天 15天时间
1、首先utils下面新建一个js : formatTime.js,写入一些公共方法,在页面使用哪个方法就引入哪个方法
备注:moment 需要在vue安装一下才可以
import Moment from 'moment';
Moment.locale('zh-cn');
export function formatDay(time) {
return Moment(time).format('YYYY年MM月DD日');
}
export function formatMonthDay(time) {
return Moment(time).format('MM月DD日');
}
export function formatYMD(time) {
return Moment(time).format('YYYY-MM-DD');
}
export function formatYMDHMS(time) {
return Moment(time).format('YYYY-MM-DD HH:SS:MM');
}
export function formatYM(time) {
return Moment(time).format('YYYY-MM');
}
export function formatYear(time) {
return Moment(time).format('YYYY');
}
export function formatMonth(time) {
return Moment(time).format('MM');
}
export function formatCircle(time) {
return Moment(time).format('YYYY.MM.DD');
}
// 本月最后一天
export function formatMounthEnd(fmt = 'YYYY-MM-DD') {
return Moment()
.endOf('month')
.format(fmt);
}
// 上月第一天
export function formatLastMounth(fmt = 'YYYY-MM-DD') {
return Moment()
.subtract(1, 'month')
.startOf('month')
.format(fmt);
}
// 去年第一天
export function formatLastYear(fmt = 'YYYY-MM-DD') {
return Moment()
.subtract(1, 'years')
.startOf('years')
.format(fmt);
}
export function formatWeek(date) {
let week = Moment(date).day();
switch (week) {
case 1:
return '星期一';
case 2:
return '星期二';
case 3:
return '星期三';
case 4:
return '星期四';
case 5:
return '星期五';
case 6:
return '星期六';
case 0:
return '星期日';
}
}
2、页面中先获取当日时间,根据自己得需要定义变量,例如 nowfiveTime 等
引入js
import { formatYMDHMS } from '@/utils/formatTime';
// 获取当前时间
getNextDay () {
// 当日日期
let nowDate = new Date();
this.nowTime = formatYMDHMS(nowDate);
// 近5天时间
this.nowfiveTime = formatYMDHMS(new Date().setDate(nowDate.getDate() - 5));
// 近15天时间
this.nowfiftTime = formatYMDHMS(new Date().setDate(nowDate.getDate() - 15));
// 近30天时间
this.nowthirTime = formatYMDHMS(new Date().setDate(nowDate.getDate() - 30));
},