记录vue---element中禁止选择过去时间

522 阅读1分钟

image.png 需求就是这丫,8月4号之前的禁止选择

解决方式:

选择器组件中存在picker-options这个属性api,接收一个obj类型的参数

image.png 使用方式:

 <el-date-picker
              clearable
              size="small"
              format="yyyy-MM-dd HH:mm:ss"
              value-format="yyyy-MM-dd HH:mm:ss"
              v-model="form.dateRange"
              @input="dateRangeChange"
              type="datetimerange"
              :picker-options="pickerOptions"
              range-separator="-"
              start-placeholder="开始日期"
              end-placeholder="结束日期">
</el-date-picker>

//data中写入
data(){
    return{
          pickerOptions: {
            disabledDate(time) {
              return time.getTime() < Date.now() - 8.64e7;
            },
      },
    }
}

时间选择器都适用

image.png