vue3+elementPlus Radio 单选框 结合 el-date-picker时间选择器使用问题

<template>
<el-radio-group v-model="incomeDailyGroupBy" @change="radioBtn">
        <el-radio label="year">年</el-radio>
        <el-radio label="month">月</el-radio>
        <el-radio label="date">日</el-radio>
      </el-radio-group>
        <el-date-picker
          v-model="incomeDailyDate"
          :type="incomeDailyGroupBy"
          :format="pickerValueType"
          :value-format="pickerValueType"
          placeholder="请选择时间"
          @change="DateChange"
        >
        </el-date-picker>
</template>
import { reactive, ref } from "vue";
export default {
  setup() {
    const incomeDailyGroupBy = ref("date");
    const incomeDailyDate = ref('');
    const pickerValueType = ref("YYYY-MM-DD");
 const DateChange = (e) => {
      console.log(e);
    };
    const radioBtn = (e) => {
      console.log(incomeDailyDate);
      switch (e) {
        case "year":
          pickerValueType.value = "YYYY";
          break;
        case "month":
          pickerValueType.value = "YYYY-MM";
          break;
        case "date":
          pickerValueType.value = "YYYY-MM-DD";
          break;
      }
    };
  return {
      incomeDailyDate,
      incomeDailyGroupBy,
      pickerValueType,
      DateChange,
      radioBtn,
    };
  },