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

)

}

}

效果如图:

相关推荐
TE-茶叶蛋6 小时前
Vue Fragment vs React Fragment
javascript·vue.js·react.js
Angindem6 小时前
从零搭建uniapp项目
前端·vue.js·uni-app
前端小白从0开始8 小时前
Vue3项目实现WPS文件预览和内容回填功能
前端·javascript·vue.js·html5·wps·文档回填·文档在线预览
難釋懷9 小时前
Vue解决开发环境 Ajax 跨域问题
前端·vue.js·ajax
挑战者66688810 小时前
vue入门环境搭建及demo运行
前端·javascript·vue.js
程序猿ZhangSir12 小时前
Vue3 项目的基本架构解读
前端·javascript·vue.js
亲亲小宝宝鸭12 小时前
写了两个小需求,终于搞清楚了表格合并
前端·vue.js
Face13 小时前
路由Vue-router 及 异步组件
前端·javascript·vue.js
Humbunklung13 小时前
Rust Floem UI 框架使用简介
开发语言·ui·rust
风之舞_yjf14 小时前
Vue基础(14)_列表过滤、列表排序
前端·javascript·vue.js