element plus中 el-date- picker组件值类型

Element Plus 中的 `el-date-picker` 组件是一个用于选择日期和时间的 UI 控件。它的值类型通常是 JavaScript 的 `Date` 对象，这是标准的对象表示形式，可以直接存储日期信息。当用户从日期选择器中选择日期后，组件内部会维护这个 `Date` 对象的状态。

在使用时，你可以直接绑定一个 `Date` 类型的变量到 `v-model` 属性上，比如：

<template>
  <el-date-picker v-model="selectedDate" placeholder="选择日期"></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      selectedDate: new Date(), // 初始化为空的 Date 对象
    };
  },
};
</script>

如果你需要处理其他格式（如字符串、时间戳等），可以提供一个转换函数来格式化或解析值。例如，如果你想将选中的日期转换为字符串：

<template>
  <el-date-picker v-model="selectedDateString" placeholder="选择日期"></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      selectedDate: new Date(),
      format: 'yyyy-MM-dd', // 格式化规则
    };
  },
  computed: {
    selectedDateString() {
      return this.selectedDate.format(this.format);
    }
  },
};
</script>