【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()

)

}

}

效果如图:

相关推荐
测试开发技术6 小时前
AI 测试提效 | 告别手工写脚本,分享我的 Playwright + Skill 批量生成 UI 自动化脚本方案
自动化测试·人工智能·ui·自动化·agent·skill·ai测试
小罗水6 小时前
第17章 后台管理端与演示支持
javascript·vue.js·ecmascript
吾儿良辰7 小时前
Flutter 迎来重大变革:Material 设计系统拆分,迈向更开放的 UI 框架
javascript·flutter·ui
猫猫不是喵喵.8 小时前
Vue3 中 computed 计算属性与 watch、watchEffect 监听
前端·javascript·vue.js
En^_^Joy8 小时前
Vue项目创建与入口配置全攻略
前端·vue.js·arcgis
猫猫不是喵喵.9 小时前
Vue2 的 Vuex 状态管理与 Vue3 的 Pinia 状态管理
前端·javascript·vue.js
打妖妖灵滴哪吒11 小时前
IOS模态窗口的作用与设计原则
前端·ui
打妖妖灵滴哪吒12 小时前
前端开发/UI设计师-APP中如何进行可发现性设计
前端·ui
玛艾露贝1 天前
Browser-Use在UI自动化测试中的应用
ui
brave_zhao1 天前
Axure RP 9模板的使用
ui·axure·photoshop