elementUI datePicker 选择的type不同，组件类型就不同

在Element UI的DatePicker组件中，type属性用来指定日期选择器的类型，不同的type会呈现不同的组件界面和选择方式。

Element UI支持的type值有：

• date: 默认值，展示日期选择器。
• month: 展示月份选择器。
• year: 展示年份选择器。
• dates: 展示可以选择多个日期的日期选择器。
• week: 展示星期选择器。
• datetime: 展示日期时间选择器。
• timerange: 展示时间段选择器。
• daterange: 展示日期区间选择器。
• monthrange: 展示月份区间选择器。
• datetimerange: 展示日期时间区间选择器。

以下是使用Element UI的DatePicker组件的基本代码示例：

<template>
  <el-date-picker
    v-model="value"
    type="date"
    placeholder="选择日期">
  </el-date-picker>
</template>
 
<script>
  export default {
    data() {
      return {
        value: ''
      };
    }
  };
</script>

在这个例子中，type被设置为date，这将创建一个基本的日期选择器。如果你想要创建一个月份选择器，你可以将type改为month；如果你想要创建一个日期时间选择器，你可以将type改为datetime等等。每种type都会呈现不同的组件界面和用户交互方式。