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

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

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

下面开始代码实现

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

先看一个简单的逻辑






















































当前日期(月.日) 当前星期(1-7) 上周日的日期 上周一的日期
7.19 1 7.18 7.12
7.20 2 7.17 7.11
7.21 3 7.16 7.10
7.22 4 7.15 7.9
7.23 5 7.14 7.8
7.24 6 7.13 7.7
7.25 7 7.12 7.6
  • 首先周一到周日，是相差六天。那你求出上周日，再-6，就是上周一的日期
  • 上周日怎么求:当前日期，减去当前星期数

moment的使用

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

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

在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，1515人围观）

还没有评论，来说两句吧...

相关阅读