获取昨日/今日/近7日/近30日

旧城等待， 2022-10-09 02:47 198阅读 0赞

效果: 点击对应按钮自动获取对应时间  
![在这里插入图片描述][20210623100551477.png]  
vue中静态结构:

<el-radio-group
       v-model="radio1"
       style="margin-right: 5px"
       @change="radioChange"
    >
      <el-radio-button :label="-1">昨日</el-radio-button>
      <el-radio-button :label="0">今日</el-radio-button>
      <el-radio-button :label="-7">近7日</el-radio-button>
      <el-radio-button :label="-30">近30日</el-radio-button>
    </el-radio-group>

js部分:

radioChange(e) { 
          let day = this.getDay(0);  // 这里获取到的是当前日期
          let historyDay = this.getDay(e); // 这里获取的是多少天前的日期
          console.log(day,historyDay) 
        }, //获取对应时间 getDay(day) { 
          //这里的day是时间（列如：7，-7）
          let today = new Date();
          let targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day;
          today.setTime(targetday_milliseconds); //注意，这行是关键代码，到这时间已经转行为毫秒
          return this.format(today);
        }, //格式化日期 format(date) { 
          let year = date.getFullYear();
          let month = date.getMonth() + 1;
          let day = date.getDate(); if (month >= 1 && month <= 9) { 
            month = `0${ month}`;
          }
          if (day >= 1 && day <= 9) { 
            day = `0${ day}`;
          }
          return `${ year}-${ month}-${ day}`;
        },

[20210623100551477.png]: /images/20221005/632ac1e0de64494b9b0753731e619888.png