ElementPlus 用户界面：DatePicker 范围从/到日期始终相同

问题描述

我使用的是 Vue3+ElementPlus 用户界面。我需要在我的页面上有一个日期范围组件（从/到日期）。我添加了一个如下：

<template>
   <el-date-picker
      v-model="dates"
      type="daterange"
      range-separator="To"
      unlink-panels
      start-placeholder="Start date"
      end-placeholder="End date"
      value-format="yyyy-MM-dd"
      >
    </el-date-picker>
</template>

<script lang="ts">
import { defineComponent,ref,computed,reactive,provide,toRef,onMounted } from 'vue'
import { ElDatePicker } from 'element-plus'

export default defineComponent({
  name: 'Home',setup: function () {

    const dates = ref(['2021-01-01','2021-01-31']);

     return {
         dates
     }
  }
})
</script>

最初，当我为“日期”设置初始值时，没问题。但是，当我在 from 框中或在 to 框中更改日期时，两个日期都更改为相同的值，即都显示“2021-03-05”。 我是否以错误的方式使用它？ 顺便说一句，即使在它的办公室网站上，“开始”和“结束”日期也会一起更改

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）