element ui结束时间不能小于开始时间

html里面

开始时间：

 <el-form-item  label="开始时间：" prop="startTime">
              <el-date-picker
                  @change="pickerOptionsStart"
                  v-model="ruleForm.startTime"
                  type="datetime"
                  value-format="yyyy-MM-dd HH:mm:ss"
                  placeholder="选择日期时间">
              </el-date-picker>
            </el-form-item>
            

结束时间

  <el-form-item  label="结束时间：" prop="endTime">
              <el-date-picker
                  @change="pickerOptionsEnd"
                  v-model="ruleForm.endTime"
                  type="datetime"
                  value-format="yyyy-MM-dd HH:mm:ss"
                  placeholder="选择日期时间">
              </el-date-picker>
            </el-form-item>

JS

methods: {
    // 开始时间不能大于结束时间
    pickerOptionsStart(){
      if(Date.parse(this.ruleForm.startTime )>= Date.parse(this.ruleForm.endTime) ){
        this.ruleForm.startTime = ''
        this.$notify({
          title: '警告',
          message: '开始时间不能大于结束时间',
          type: 'warning'
        });
        return
      }
    },
    // 结束时间不能小于开始时间
    pickerOptionsEnd(){
      if(Date.parse(this.ruleForm.endTime )<= Date.parse(this.ruleForm.startTime) ) {
        this.ruleForm.endTime = ''
        this.$notify({
          title: '警告',
          message: '结束时间不能小于开始时间',
          type: 'warning'
        });
      }
    },
    }