el-date-picker 设置日期可选范围

        Element 中 el-date-picker组件 type="date" 时,设置日期可选起始或截止时间

页面引入标签:

                
                

注:pickerOptions 为设置日期可选范围的属性

1. 禁用今天之后的日期(不包含今天)

pickerOptions:{     //禁用今天之后的日期(包含今天)
    disabledDate(time) {
        return time.getTime() > Date.now();
   },
},

效果:

el-date-picker 设置日期可选范围_第1张图片

 2. 禁用今天之后的日期(包含今天)

pickerOptions:{     //禁用今天之后的日期(不包含今天)
    disabledDate(time) {
        return time.getTime() > Date.now() - 8.64e7;
    },
},

 效果:

el-date-picker 设置日期可选范围_第2张图片

3.  禁用今天之前的日期(包括今天)

pickerOptions:{     //禁用今天之前的日期(包含今天)
    disabledDate(time) {
        return time.getTime() < Date.now();
    },
},

效果:

el-date-picker 设置日期可选范围_第3张图片

 4. 禁用今天之前的日期(不包括今天)

pickerOptions:{     //禁用今天之前的日期(不包含今天)
    disabledDate(time) {
        return time.getTime() < Date.now() - 8.64e7;
    },
},

效果:

el-date-picker 设置日期可选范围_第4张图片

 

你可能感兴趣的:(Vue,vue.js,javascript,前端)