elementui日期时间选择器，可以单独选择和输入年月日，年组件不可以选择月日，月组件不可以选择年日，代码怎么实现？

ElementUI的日期时间选择器已经内置了这种功能，只需要设置`picker-options`属性即可实现。具体来说，你需要设置`picker-options`属性的`disabledDate`方法，该方法接收一个`date`参数，返回一个布尔值，表示该日期是否可用。在该方法中，你可以根据需要禁用年份、月份、日期中的某些组件，具体方法如下：

<template>
  <el-date-picker
    v-model="date"
    type="date"
    placeholder="选择日期"
    :picker-options="pickerOptions">
  </el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      date: '',
      pickerOptions: {
        disabledDate(date) {
          // 禁用 2022 年以后的所有日期
          return date.getFullYear() > 2022;

          // 禁用 2022 年 7 月以后的所有日期
          // return date.getFullYear() === 2022 && date.getMonth() > 6;

          // 禁用 2022 年 7 月 20 日之后的所有日期
          // return date.getFullYear() === 2022 && date.getMonth() === 6 && date.getDate() > 20;
        }
      }
    };
  }
};
</script>

在上面的代码中，我们设置了`picker-options`属性，并在`disabledDate`方法中禁用了一些日期。具体来说，我们禁用了 2022 年以后的所有日期，你可以根据需要修改该方法来禁用不同的日期。注释中还提供了禁用 2022 年 7 月以后的所有日期和禁用 2022 年 7 月 20 日之后的所有日期的示例代码，你也可以根据需要进行修改。