vue实现滑动切换周

<template>
  <div>
    <div class="date_picker">
      <van-button @click="preWeek()">
        <van-icon name="arrow-left" />
      </van-button>
      <div>
        {{ `${ss}` }}
      </div>
      <van-button @click="nextWeek()" disabled>
        <van-icon name="arrow" />
      </van-button>
    </div>
  </div>
</template>

<script>
  import day from "dayjs";
  export default {
    data() {
      return {
        curD: new Date(),
        firstD: new Date(),
        lastD: new Date(),
        ss: undefined,
        timestamp: {
          beginTime: "",
          endTime: ""
        }
      };
    },
    created() {},
    mounted() {
      // 获取当前周
      this.getTime();
    },
    computed: {},
    methods: {
      getTime() {
        //获取当前周
        let curD = this.curD;
        let firstD = this.firstD;
        let lastD = this.lastD;
        let intD = new Date();
        let dayTime = 24 * 60 * 60 * 1000;
        var dateLong = curD.getTime();
        if (curD.getDay() == 0) {
          //当前时间取代过去的时间
          dateLong = dateLong - 6 * dayTime;
        } else {
          dateLong = dateLong - (curD.getDay() - 1) * dayTime;
        }
        let d = curD.setTime(dateLong);
        let tt = Date.parse(firstD);
        firstD = curD;
        lastD.setTime(firstD.getTime() + 6 * dayTime);
        let st =
          firstD.getFullYear() +
          "年" +
          (firstD.getMonth() + 1) +
          "月" +
          firstD.getDate() +
          "日";
        let et =
          lastD.getFullYear() +
          "年" +
          (lastD.getMonth() + 1) +
          "月" +
          lastD.getDate() +
          "日";

        // 周开始
        let test = day(st).format("YYYY-MM-DD 00:00:00");

        // 周结束
        let test1 = day(et).format("YYYY-MM-DD 23:59:59");
        console.log("test", test, test1);

        // 当前时间处理
        // if (tt > Date.parse(st)) {
        //   st =
        //     intD.getFullYear() +
        //     "-" +
        //     (intD.getMonth() + 1) +
        //     "-" +
        //     intD.getDate();
        // }
        let ss = st + " - " + et;
        console.log("ss", ss);
        this.ss = ss;
      },
      preWeek() {
        //上一周
        let curD = this.curD;
        let dayTime = 24 * 60 * 60 * 1000;
        var dateLong = curD.getTime();
        curD.setTime(dateLong - 6 * dayTime);
        this.curD = curD;
        this.getTime();
      },
      nextWeek() {
        //下一周

        let curD = this.curD;
        let dayTime = 24 * 60 * 60 * 1000;
        var dateLong = curD.getTime();
        curD.setTime(dateLong + 7 * dayTime);
        this.curD = curD;
        this.getTime();
      }
    }
  };
</script>

<style lang="less" scoped>
  .date_picker {
    display: flex;
    background-color: pink;
    justify-content: space-between;
    align-items: center;
  }
</style>