moment.js 获取当前一周与日期

首先安装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