最近项目中遇到了用当前时间计算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();wTime = formatYMDHMS(nowDate);// 近5天时间wfiveTime = formatYMDHMS(new Date().Date() - 5));// 近15天时间wfiftTime = formatYMDHMS(new Date().Date() - 15));// 近30天时间wthirTime = formatYMDHMS(new Date().Date() - 30));},
本文发布于:2024-01-30 14:10:54,感谢您对本站的认可!
本文链接:https://www.4u4v.net/it/170659505820561.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
留言与评论(共有 0 条评论) |