element ui DateTimePicker 日期时间选择器 只能选择当前以及之后的时间

 

<el-date-picker
    v-model="nowTime"
    type="datetime"
    format="yyyy-MM-dd HH:mm:ss"
    value-format="yyyy-MM-dd HH:mm:ss"
    placeholder="选择日期时间"
    :picker-options="pickerOptions"
    @change="handle"
>
</el-date-picker> 

 

return {
    nowTime: '',
    pickerOptions: {
        disabledDate(time) {
             return time.getTime() < Date.now(); // 选当前时间之后的时间
        }
    }
}

选择时间大于当前的系统时间，会重置为当前时间

methods:{
    handle(){
        new Date().getTime() > new Date(this.nowTime).getTime() && (this.nowTime = new Date());
    },
}