iView 日期时间选择器设置开始时间至结束时间限制 iView 日期时间选择器设置开始时间至结束时间限制

elementui 日期选择器设置 开始时间不能大于结束时间，结束时间不能小于开始时间

简单容易，就不做详细解释了，复制粘贴，修改对应参数名即可

    <el-date-picker
      v-model="startTime"
      size="small"
      type="date"
      placeholder="开始时间"
      :picker-options="pickerOptionsStart"
    >
    </el-date-picker>
    <el-date-picker
      size="small"
      v-model="endTime"
      type="date"
      placeholder="结束时间"
      :picker-options="pickerOptionsEnd"
    >

  data() {
    return {
      // 开始结束日期限制
      pickerOptionsStart: {
        disabledDate: (time) => {
          if (this.endTime) {
            return (
              time.getTime() >= new Date(this.endTime).getTime()
            );
          }
        }
      },
      // 结束日期限制
      pickerOptionsEnd: {
        disabledDate: (time) => {
          if (this.startTime) {
            return (
              time.getTime() <= new Date(this.startTime).getTime()
            );
          }
        }
      }
    }
  }

【推荐】前端软件下载 Q站-软件下载