开始时间不晚于结束时间,结束时间不早于开始时间 elementui el-date-picker

    <el-form-item label="开始时间" prop="ksrq" label-width="120px">
          <el-date-picker v-model="form.ksrq" type="date" placeholder="选择日期" :picker-options="pickerStartOptions" value-format="yyyy-MM-dd" size="small" />
        </el-form-item>
        <el-form-item label="结束时间" prop="jsrq" label-width="120px">
          <el-date-picker v-model="form.jsrq" type="date" placeholder="选择日期" :picker-options="pickerEndOptions" value-format="yyyy-MM-dd" size="small" />
        </el-form-item>

  在data()里写入:

      // 时间限制,符合日期先后顺序的实际情况
      pickerStartOptions: {
        disabledDate: (time) => {
          if (this.form.jsrq) {
            return time.getTime() > new Date(this.form.jsrq + ' 23:59:59').getTime()
          }
        }
      },
      pickerEndOptions: {
        disabledDate: (time) => {
          if (this.form.ksrq) {
            return time.getTime() < new Date(this.form.ksrq + ' 00:00:00').getTime()
          }
        }
      }

 

posted on 2021-11-01 11:05  稳住别慌  阅读(333)  评论(0编辑  收藏  举报