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());
    },
}