vue2.0基于element ui 上月本月下月

最新推荐文章于 2024-04-01 09:09:38 发布

初学者0721

最新推荐文章于 2024-04-01 09:09:38 发布

阅读量824

点赞数

分类专栏： Javascript vue css 文章标签： ui elementui javascript

本文链接：https://blog.csdn.net/weixin_44428734/article/details/125292417

版权

vue 同时被 3 个专栏收录

16 篇文章 0 订阅

订阅专栏

Javascript

10 篇文章 0 订阅

订阅专栏

css

2 篇文章 0 订阅

订阅专栏

<div style="margin-bottom:15px ;float:right;">
            <el-button-group>
              <el-button plain @click="time(1)">上一月</el-button>
              <el-button plain @click="time(2)">本月</el-button>
              <el-button plain @click="time(3)">下一月</el-button>
            </el-button-group>
          </div>
time(val) {
      if (val == 1) {
        let myDate = new Date();
        let yy = myDate.getFullYear().toString(); //获取完整的年份(4位)
        let mm = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月)
        let rr = myDate.getDate(); //获取当前日(1-31)
        let firstDay =
          new Date(yy, mm - 2, 1).getFullYear().toString() +
          "-" +
          (new Date(yy, mm - 2, 1).getMonth() + 1 > 9
            ? new Date(yy, mm - 2, 1).getMonth() + 1
            : "0" + (new Date(yy, mm - 2, 1).getMonth() + 1)) +
          "-" +
          "0" +
          new Date(yy, mm - 2, 1).getDate();
        this.year = new Date(yy, mm - 2, 1).getFullYear().toString();
        this.month =
          new Date(yy, mm - 2, 1).getMonth() + 1 > 9
            ? new Date(yy, mm - 2, 1).getMonth() + 1
            : "0" + (new Date(yy, mm - 2, 1).getMonth() + 1);
        let lastDay =
          new Date(yy, mm - 1, 0).getFullYear().toString() +
          "-" +
          (new Date(yy, mm - 1, 0).getMonth() + 1 > 9
            ? new Date(yy, mm - 1, 0).getMonth() + 1
            : "0" + (new Date(yy, mm - 1, 0).getMonth() + 1)) +
          "-" +
          new Date(yy, mm - 1, 0).getDate();
        // console.log(firstDay);
        // console.log(lastDay);
        this.startTime = firstDay;
        this.endTime = lastDay;
        this.getWeeks();
      } else if (val == 2) {
        this.getdate();
        this.getWeeks();
      } else if (val == 3) {
        let myDate = new Date();
        let yy = myDate.getFullYear().toString(); //获取完整的年份(4位)
        let mm = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月)
        let rr = myDate.getDate(); //获取当前日(1-31)
        let firstDay =
          new Date(yy, mm, 1).getFullYear().toString() +
          "-" +
          (new Date(yy, mm, 1).getMonth() + 1 > 9
            ? new Date(yy, mm, 1).getMonth() + 1
            : "0" + (new Date(yy, mm, 1).getMonth() + 1)) +
          "-" +
          "0" +
          new Date(yy, mm, 1).getDate();
        this.year = new Date(yy, mm, 1).getFullYear().toString();
        this.month =
          new Date(yy, mm, 1).getMonth() + 1 > 9
            ? new Date(yy, mm, 1).getMonth() + 1
            : "0" + (new Date(yy, mm, 1).getMonth() + 1);
        let lastDay =
          new Date(yy, mm + 1, 0).getFullYear().toString() +
          "-" +
          (new Date(yy, mm + 1, 0).getMonth() + 1 > 9
            ? new Date(yy, mm + 1, 0).getMonth() + 1
            : "0" + (new Date(yy, mm + 1, 0).getMonth() + 1)) +
          "-" +
          new Date(yy, mm + 1, 0).getDate();
        // console.log(firstDay);
        // console.log(lastDay);
        this.startTime = firstDay;
        this.endTime = lastDay;
        this.getWeeks();
      }
    },