element-ui组件中时间选择器设置时间禁用

DateTimePicker 日期时间选择器

 

组件代码

<el-date-picker
      v-model="value1"
      type="datetime"
      placeholder="选择日期时间">
    </el-date-picker>

 

通过  picker-options 可以配置时间禁用状态

 

disabledDate

设置禁用状态，参数为当前日期，要求返回 Boolean

Function

 

通过配置 disabledDate 来配置， 比如说我的需求是只能选择今天及以后的日期，该方法可以这么写

methods: {
        disabledDate (value) {
            if (Date.now() <= value) {
                    return true
            }
            return false
        }
}