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

使用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);
}

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

 

你可能感兴趣的:(vue.js,elementui,前端)