element ui日期时间选择器el-date-picker 禁止选择当前日期之前的日期

效果图
element ui日期时间选择器el-date-picker 禁止选择当前日期之前的日期_第1张图片
element ui日期时间选择器el-date-picker 禁止选择当前日期之前的日期_第2张图片

代码 picker-options设置禁用日期

<el-date-picker type="datetime" :picker-options="pickerOptions" value-format="yyyy-MM-dd HH:mm:ss" v-model.trim="dialog.data.returnTime" style="width: 100%;"></el-date-picker>
data() {
    return {
        pickerOptions:{                                 //禁用当前日期之前的日期
            disabledDate(time) {
            //Date.now()是javascript中的内置函数,它返回自1970年1月1日00:00:00 UTC以来经过的毫秒数。
                return time.getTime() < Date.now() - 8.64e7;
            },
        },
     }
}

你可能感兴趣的:(element,UI,vue)