使用element-ui实现日期选项卡

<template>
<el-col :span="24" class="block">
          <el-date-picker v-model="chooseCurDay" :placeholder="nowDay" type="date"></el-date-picker>
        </el-col>
        <el-col :span="22" :offset="1" class="date">
          <el-tabs v-model="activeName">
            <el-tab-pane
              v-for="(item,index) in days"
              :key="index"
              :label="funDate(chooseCurDay,index)"
              :name="item.name"
            ></el-tab-pane>
          </el-tabs>
        </el-col>
</template>
<script>
export default {
    data() {
        return {
          nowDay: "",   //当前日期
          chooseCurDay: ""  //选择的日期
        };
      },
     created() {
        this.nowDay = this.dateFormat(new Date());
        this.chooseCurDay = new Date();
    },
   methods: {
    //转日期格式
    dateFormat(time) {
      var date = new Date(time);
      var year = date.getFullYear();
      var month =
        date.getMonth() + 1 < 10
          ? "0" + (date.getMonth() + 1)
          : date.getMonth() + 1;
      var day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
      var hours =
        date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
      var minutes =
        date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
      var seconds =
        date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
      // 拼接
      return year + "-" + month + "-" + day;
    },
    funDate(date, aa) {
          let date1;
          date1 = date;
          let time1 = this.dateFormat(date1); //time1表示当前时间
          let date2 = new Date(date1);
          date2.setDate(date1.getDate() + aa);
          let time2 = this.dateFormat(date2);
          date = "";
          return time2;
        }
      }
  }
</script>