vue 求上一周，周一，周日的日期

妖狐艹你老母 2021-09-09 04:02 1312阅读 0赞

### 需求请求接口，但是必须是`上一周`，`周一到周日`的日期，比如今天是2021.7.23 ，周五。因为是周五，所以我请求接口要用上一周，周一到周日的日期。那经过计算，`上周周一对应的日期是 2021.7.12`。`上周周日对应的日期是2021.7.18`.那这两个日期就是要求的日期 ###

## 下面开始代码实现 ##

created() { 
        this.getDays();
      },
      methods:{ 
       getDays() { 
          var day1 = new Date();
          var day2 = new Date();
          var week1 = new Date().getDay(); // 获取当前是星期几，如果是星期一，则返回1
          day1.setDate(day1.getDate() - week1); 
          // day1.getDate()返回当前天数，week1表示当前星期数。作差，表示上周日的天数
        // day1.getDate() - week1 返回的是具体的日子
       // 通过day1.setDate，转化为下面的日期 Sun Jul 18 2021 18:39:22 GMT+0800 (中国标准时间)
          this.paramsData.e_time = this.$moment(day1).format("YYYY-MM-DD"); //上周日
       // 通过插件moment 转化为需要的日期格式
          day2.setDate(day2.getDate() - week1 - 6);
          this.paramsData.s_time = this.$moment(day2).format("YYYY-MM-DD");
          // 上周一
        }
       },

### 先看一个简单的逻辑 ###

<table> 
 <thead> 
  <tr> 
   <th>当前日期(月.日)</th> 
   <th>当前星期(1-7)</th> 
   <th>上周日的日期</th> 
   <th>上周一的日期</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>7.19</td> 
   <td>1</td> 
   <td>7.18</td> 
   <td>7.12</td> 
  </tr> 
  <tr> 
   <td>7.20</td> 
   <td>2</td> 
   <td>7.17</td> 
   <td>7.11</td> 
  </tr> 
  <tr> 
   <td>7.21</td> 
   <td>3</td> 
   <td>7.16</td> 
   <td>7.10</td> 
  </tr> 
  <tr> 
   <td>7.22</td> 
   <td>4</td> 
   <td>7.15</td> 
   <td>7.9</td> 
  </tr> 
  <tr> 
   <td>7.23</td> 
   <td>5</td> 
   <td>7.14</td> 
   <td>7.8</td> 
  </tr> 
  <tr> 
   <td>7.24</td> 
   <td>6</td> 
   <td>7.13</td> 
   <td>7.7</td> 
  </tr> 
  <tr> 
   <td>7.25</td> 
   <td>7</td> 
   <td>7.12</td> 
   <td>7.6</td> 
  </tr> 
 </tbody> 
</table>

*  首先`周一到周日`，是`相差六天`。那你求出`上周日`，再`-6`，就是`上周一`的日期
 *  上周日怎么求:`当前日期，减去当前星期数`

### moment的使用 ###

*  安装  
    cnpm i moment -S
 *  在main.js中引入  
    import moment from ‘moment’//导入文件  
    Vue.prototype.$moment = moment;//赋值使用

### 等到调接口的时候，把这两个日期传进去就ok了 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4ODQ1ODU4_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4ODQ1ODU4_size_16_color_FFFFFF_t_70]: /images/20210813/7988cfc073a34743857b2ebb2f0a354b.png