el-date-picker 中 type=“monthrange“ 时默认值设定及返回类型解决办法

在使用 el-date-picker 组件并且设置 type="monthrange" 时，可以通过 v-model 来绑定数据，并通过设置 default-value 来为日期选择器设置默认值。返回的类型是一个由两个日期字符串组成的数组，每个字符串都是yyyy-MM格式的月份。

以下是一个设置默认值并处理返回类型的例子：

<template>
  <el-date-picker
    v-model="selectedMonthRange"
    type="monthrange"
    range-separator="至"
    start-placeholder="开始月份"
    end-placeholder="结束月份"
    align="right"
    :default-time="defaultTime"
    :default-value="defaultValue"
  ></el-date-picker>
</template>
 
<script>
export default {
  data() {
    return {
      selectedMonthRange: [], // 绑定的数据，是一个数组，包含开始和结束月份
      defaultTime: '00:00:00', // 默认时间设置为午夜
      defaultValue: [ // 默认显示的月份范围
        '2023-01', // 开始月份
        '2023-03' // 结束月份
      ]
    };
  }
};
</script>

在这个例子中，selectedMonthRange 是绑定到 el-date-picker 的数组，它将包含两个元素，分别表示选中的开始和结束月份。defaultValue 是一个包含两个字符串的数组，表示月份范围选择器的默认显示月份。返回的月份将是 yyyy-MM 格式的字符串，例如 ["2023-01", "2023-03"] 表示默认选中了2023年1月至2023年3月的范围。