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

)

}

}

效果如图:

相关推荐
正义的大古3 小时前
Vue 3 + TypeScript:深入理解组件引用类型
前端·vue.js·typescript
胡斌附体5 小时前
elementui cascader 远程加载请求使用 选择单项等
前端·javascript·elementui·cascader·可独立选中单节点
wycode9 小时前
Vue2源码笔记(1)编译时-模板代码如何生效之生成AST树
前端·vue.js
碎花里9 小时前
Vue3+Uniapp 环境多语言实现方案
vue.js
孤蓬&听雨10 小时前
Axure基于中继器实现的组件库(导航菜单、动态表格)
ui·axure·动态表格·中继器·导航菜单
狂炫一碗大米饭11 小时前
vue中的继承和组合 ✏️ ✏️ ✏️
vue.js
传奇开心果编程11 小时前
【传奇开心果系列】Flet框架平面级联菜单侧边栏和和登录用户圆形头像自定义组件模板
python·ui·前端框架
无业哥12 小时前
Vue&ElementPlus 按需导入
vue.js
掘金0113 小时前
震惊!Vue3 竟能这样写?React 开发者狂喜的「Vue-React 缝合怪」封装指南
javascript·vue.js·react.js
徐小夕13 小时前
花3个月时间,写了一款协同文档编辑器
前端·vue.js·算法