el-date-picker年月日分开

要将 el-date-picker 的年、月、日分开显示，你可以使用 el-date-picker 的属性来实现。以下是一个示例代码：

<template>
  <div>
    <el-date-picker
      v-model="date"
      type="date"
      placeholder="选择日期"
      value-format="yyyy-MM-dd"
    ></el-date-picker>

    <div>年：{{ year }}</div>
    <div>月：{{ month }}</div>
    <div>日：{{ day }}</div>
 </div>
</template>

<script>
export default {
  data() {
    return {
      date: '',
    };
  },
  computed: {
    year() {
      return this.date ? this.date.split('-')[0] : '';
    },
    month() {
      return this.date ? this.date.split('-')[1] : '';
    },
    day() {
      return this.date ? this.date.split('-')[2] : '';
    },
  },
};
</script>

在上面的示例中，我们使用了 el-date-picker 组件，并通过设置 type 属性为 "date" 来选择日期。我们还使用了 value-format 属性来指定日期的格式为 "yyyy-MM-dd"。

然后，我们使用了 computed 计算属性来将日期拆分成年、月、日三个部分，并将它们分别显示在页面上。这样就能实现 el-date-picker 年、月、日分开显示的效果了。