element-ui 时间选择限制当天之前的时间不可选择

1、在时间picker中定义picker-options
 <el-form-item label=" 日期" prop="limitedDate">
                      <el-date-picker clearable  style="width: 100%"
                        v-model="reciveForm.limitedDate"
                        type="date"
                        value-format="yyyy-MM-dd"
                        placeholder="选择日期"
                        :picker-options="pickerOptions"
                        >
                      </el-date-picker>
    </el-form-item>m>

2、在data返回参数中定义对象

  data() {
     return {
      pickerOptions:{

          //返回true不可选,返回false可选
          disabledDate:time => {
            return time.getTime() < Date.now() - 8.64e7;
          }
        },

       }

    }

 

posted @ 2022-05-18 16:29  逝年的我们  阅读(832)  评论(0编辑  收藏  举报