el-data-picker怎么设置按周和按天切换模式选日期

el-data-picker 默认是按天选择日期的模式，如果要切换成按周选择日期的模式，可以在 el-date-picker 组件上添加一个属性 type="week"，就可以实现按周选择日期的功能。

代码示例：

<el-date-picker type="week" v-model="date" />

如果要在按周和按天之间进行切换，可以使用 el-radio-group 和 el-radio-button 组件，结合 watch 监听函数来实现。

代码示例：

<el-radio-group v-model="dateType">
  <el-radio-button label="day">按天</el-radio-button>
  <el-radio-button label="week">按周</el-radio-button>
</el-radio-group>

<el-date-picker :type="dateType" v-model="date" />

<script>
  export default {
    data() {
      return {
        date: '',
        dateType: 'day'
      };
    },
    watch: {
      dateType(val) {
        this.date = '';
        this.$nextTick(() => {
          this.$refs.datePicker.picker.$emit('pick-clear');
          this.$refs.datePicker.picker.$emit('reset-view');
        });
      }
    }
  };
</script>

在这个示例中，我们使用了 el-radio-group 和 el-radio-button 组件来实现按周和按天的切换，通过 v-model 双向绑定 dateType 变量来控制当前的选择模式，然后在 watch 监听函数中重新设置 date 变量的值，并调用 $refs.datePicker.picker.$emit() 方法来清除之前的日期选择和重置视图。