【element-ui】el-date-picker 之picker-options时间选择区间禁用效果的实现

element-ui 时间选择器的时间区间禁用dom层引入:picker-option

复制代码
<el-date-picker
    v-model="searchFormObj.workTime"
    clearable
    value-formate="yyyy-MM-dd"
    :picker-options="pickerOptions"
    placeholder="请选择时间"
>

</el-date-picker>

在return里添加pickerOptions

pickerOptions:{

disabledDate(time){

return(

time.getTime() < Date.now() - 8.64e7 * 15 ||

time.getTime() > Date.now()

)

}

}

效果如图:

相关推荐
老前端的功夫9 小时前
Vue2中key的深度解析:Diff算法的性能优化之道
前端·javascript·vue.js·算法·性能优化
han_10 小时前
前端高频面试题之Vue(高级篇)
前端·vue.js·面试
脸大是真的好~11 小时前
黑马JAVAWeb -Vue工程化-API风格 - 组合式API
前端·javascript·vue.js
你挚爱的强哥11 小时前
【sgMobileUploadTypeSelect】自定义组件:从底部弹出选择上传图片文件的方式【1、上传本地文件,2、拍摄上传】
前端·javascript·vue.js
LXA080912 小时前
Vue 3中使用JSX
前端·javascript·vue.js
执携12 小时前
Vue Router (历史模式)
前端·javascript·vue.js
G018_star sky♬12 小时前
使用npm运行js脚本覆盖vue依赖包
javascript·vue.js
宇余12 小时前
从 useState 到 URLState:前端状态管理的另一种思路
前端·vue.js
计算机学姐13 小时前
基于SpringBoot的健身房管理系统【智能推荐算法+可视化统计】
java·vue.js·spring boot·后端·mysql·spring·推荐算法
一 乐14 小时前
个人健康系统|健康管理|基于java+Android+微信小程序的个人健康系统设计与实现(源码+数据库+文档)
android·java·数据库·vue.js·spring boot·生活