element uil两个选择框设置范围(根据粒度的变化，选择器变化)设置不同粒度下的不同选择器的范围。

Question

根据粒度的选择，绑定不同的选择时间器，设置其范围，
周一至周日 -------- 开始周-结束周 (周起始日为1)
周五至周六 -------- 开始周-结束周 (周起始日为6)
月 -------- 开始月-结束月
<div class="granularity-span">

        <span class="granularity-span-s">粒度</span>
      </div>
      <div>
        <select class="select-granularity" v-model="chooseWhat.granularity">
          <option value="1" selected="selected">周 (周一到周日)</option>
          <option value="2">周 (周六到周五)</option>
          <option value="3">月</option>
        </select>
      </div>
    </div>
    <div class="pay-datetime">
      <div class="span-date">
        <span>日期</span>
      </div>
      <div class="element-date">
        <!--周/周一至周日-->
        <el-date-picker
          v-if="chooseWhat.granularity ==1"
          v-model="chooseTime.StartchooseDate"
          format="yyyy年第WW周"
          type="week"
          unlink-panels
          placeholder="选择开始周"
          :picker-options="weekPickerOptionsStart">
        </el-date-picker>
        <el-date-picker
          v-if="chooseWhat.granularity ==1"
          format="yyyy年第WW周"
          v-model="chooseTime.EndchooseDate"
          type="week"
          :disabled="chooseTime.StartchooseDate != null ? false:true"
          placeholder="结束周"
          :picker-options="weekPickerOptionsEnd">
        </el-date-picker>

        <!--周/周六至周五-->
        <el-date-picker
          v-if="chooseWhat.granularity ==2"
          v-model="chooseTime.StartchooseDate"
          format="yyyy年第WW周"
          type="week"
          firstDayOfWeek="6"
          placeholder="开始周"
          :picker-options="pickerOptions0">
          <!-- { firstDayOfWeek: 6 }-->
        </el-date-picker>
        <el-date-picker
          v-if="chooseWhat.granularity ==2"
          format="yyyy年第WW周"
          v-model="chooseTime.EndchooseDate"
          type="week"
          placeholder="结束周"
          :disabled="chooseTime.StartchooseDate != null ? false:true"
          :picker-options="pickerOptions1">
        </el-date-picker>
        <!--月-->
        <el-date-picker
          v-if="chooseWhat.granularity ==3"
          v-model="chooseTime.StartchooseDate"
          type="month"
          placeholder="开始月"
          :picker-options="pickerOptionsYear0">
        </el-date-picker>

        <el-date-picker
          v-if="chooseWhat.granularity ==3"
          v-model="chooseTime.EndchooseDate"
          type="month"
          placeholder="结束月"
          :disabled="chooseTime.StartchooseDate != null ? false:true"
          :picker-options="pickerOptionsYear1">
        </el-date-picker>
      </div>
      
      
     需求是：
     默认开始时间结束时间： 近12周
     周一至周日，周六至周五   选择范围最大为12周，开始时间：当前周没有结束不能选择，结束时间，根据开始时间范围为12周
     月，最大选择范围是 12月，当前月没有结束不能选择 ![图片描述][1]
     
     
     不知道的我的描述清不清楚，跪求大佬帮忙 处理下，