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

时间：2018-07-27 00:46:09 收藏：0 阅读：1917

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
        }
}

原文：https://www.cnblogs.com/wuxianqiang/p/9375146.html