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

妖狐艹你老母 2021-09-09 04:02 1517阅读 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 条评论,1517人围观)

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

相关阅读