element-plus日期选择器如何同时为后端提供开始和结束时间

<el-date-picker 
          v-model="costForm.chooseTime" 
          @change="changeChoose" 
          type="daterange"
          range-separator="To" 
          start-placeholder="开始时间" 
          end-placeholder="截止时间"
          clearable
        />

使用v-model双向绑定一个数据,在这里我是用的vue3,定义的form里的chooseTime..

以及开始时间startTime和结束时间endTime 

        const tableForm = ref({
              chooseTime: ''   //选择的时间
        })

        const  startTime=ref('')  //开始时间
        const  endTime=ref('')   //结束时间

定义并监听一下change事件“changeChoose” 

const changeChoose = (date) => {
    //这里给开始时间和结束时间动态赋值
      startTime.value = date[0]   //开始时间
      endTime.value = date[1]   //结束时间
      // console.log(date);
     console.log(tableForm.value.chooseTime);
}

 这样我们就会获取到一个数组，包含了开始时间和结束时间,可以接下来的处理..