el-date-picker组件怎么隐藏年份

在Element UI (El-date-picker) 中，日期选择器默认会显示完整的日期，包括年、月、日。如果你想隐藏年份部分，你可以通过传递配置对象给组件来实现。以下是使用 `el-date-picker` 的基本步骤：

首先，在模板文件 (`*.vue`) 中引用组件：

<template>
  <el-date-picker
    v-model="selectedDate"
    type="daterange"
    range-separator="至"
    start-placeholder="开始日期"
    end-placeholder="结束日期"
    :options="datePickerOptions"
  ></el-date-picker>
</template>

然后，在 `script` 部分添加配置对象：

<script setup>
import { ref } from 'vue';
import { ElDatePicker } from 'element-plus';

const datePickerOptions = ref({
  yearDropdown: { enabled: false }, // 关闭年份下拉框
  shortcuts: [] // 可能需要移除快捷键，这取决于需求
});

const selectedDate = ref(null);
// ...其他逻辑...

function setDateRange(date1, date2) {
  // 设置日期范围
}

onMounted(() => {
  setSelectedDate(dateSetRange());
});
</script>

这里的 `yearDropdown: { enabled: false }` 就是用来关闭年份下拉的选择。`shortcuts` 属性允许你控制快捷键是否显示，如果不需要，可以省略或者设置为空数组。