两个输入框实现element 日期和时间范围选择

element 起始与结束时刻分两个输入框实现,时间控件el-date-picker设置起始时间不能大于结束时间

<el-form-item label="开始时间" prop="startTime">
  <el-date-picker type="datetime" placeholder="开始时间" v-model="dataForm.startTime"  :picker-options="startDatePicker" format="yyyy-MM-dd HH:mm:ss"  >
  </el-date-picker>
</el-form-item>
<el-form-item label="结束时间" prop="endTime">
  <el-date-picker type="datetime" placeholder="结束时间" v-model="dataForm.endTime" :picker-options="endDatePicker" format="yyyy-MM-dd HH:mm:ss"   >
  </el-date-picker>
</el-form-item>

data(){
     startDatePicker: this.beginDate(), //开始时间控制
      endDatePicker: this.processDate(), //结束时间控制
}

methods: {
    beginDate(){
      const self = this
      return {
        disabledDate(time){
          if (self.dataForm.endTime) {  
          //如果结束时间不为空，则小于结束时间
            return new Date(self.dataForm.endTime).getTime() < time.getTime()
          } else {
            // return time.getTime() > Date.now()//开始时间不选时，结束时间最大值小于等于当天
          }
        }
      }
    },
    processDate() {
      const  self = this
      return {
        disabledDate(time) {
          if (self.dataForm.startTime) {  //如果开始时间不为空，则结束时间大于开始时间
            return new Date(self.dataForm.startTime).getTime() > time.getTime()
          } else {
            // return time.getTime() > Date.now()//开始时间不选时，结束时间最大值小于等于当天
          }
        }
      }
    }
}