首先安装moment.js类库
npm
npm install moment --save
安装完毕后在需要使用的页面里引入moment
import moment from 'moment'
// 第一步: 获取今天是本周的第几天
const weekOfday = moment().format('E');
// 第二步: 获取本周周一的日期
const lastMonday = moment().subtract(weekOfday - 1, 'days').format('YYYYMMDD');
// 第三步: 获取本周周末的日期
const lastSunday = moment().add(7 - weekOfday, 'days').format('YYYYMMDD');
将 周末日期 与 周一日期 作为比较,得出其中间的七天日期
再将得到的每一条数据 以字符串切割的形式得出 xxxx-xx-xx的格式
let arr = [];
for (let i = lastMonday;i <= lastSunday;i++) {
let j = String(i);
let obj = {
day: j.slice(0,4) + '-' + j.slice(4,6) + '-' + j.slice(6,8)
};
arr.push(obj)
}
const.dateArr = arr
循环日期数组,在循环中计算出日期是周几
<template>
<ul>
<li v-for="(item,index) in dateArr">{{ filterWeekName(item.day) }}</li>
</ul>
</template>
<script>
filterWeekName(date) {
const newDate = new Date(date.replace(/-/g, '/'));
const weekday = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]
return weekday[newDate.getDay()];
}
</script>
参考链接:
https://blog.csdn.net/zhaolianggreat/article/details/78655026