element-plus 自动识别两个 el-date-picker日期选择器大小,使开始日期小于结束日期

需求描述:

element-plus + vue3 ,两个单独的日期选择器,如果开始日期比结束日期大,就将其互换

element-plus 自动识别两个 el-date-picker日期选择器大小,使开始日期小于结束日期_第1张图片

代码实现:


  


  

const formData = reactive({
  startTime: '',
  endTime: '',
})
const dateChangeEvent = () => {
 if (formData.startTime && formData.endTime) {
    if (
      new Date(formData.startTime).getTime() -
      new Date(formData.endTime).getTime() >
      0
    ) {
      // 证明开始时间比结束时间大,需要把两个互相换一下
      ;[formData.startTime, formData.endTime] = [
        formData.endTime,
        formData.startTime,
      ]
      console.log(formData.startTime, formData.endTime)
    }
  }
}

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