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

)

}

}

效果如图:

相关推荐
滕青山1 小时前
文本行过滤/筛选 在线工具核心JS实现
前端·javascript·vue.js
时光不负努力1 小时前
ts+vue3开发规范
vue.js·typescript
梦想CAD控件2 小时前
在线CAD开发包结构与功能说明
前端·javascript·vue.js
SuperEugene2 小时前
Vue状态管理扫盲篇:Vuex 到 Pinia | 为什么大家都在迁移?核心用法对比
前端·vue.js·面试
徐小夕2 小时前
pxcharts-vue:一款专为 Vue3 打造的开源多维表格解决方案
前端·vue.js·github
wuhen_n2 小时前
Suspense:异步组件加载机制
前端·javascript·vue.js
wuhen_n2 小时前
Teleport:渲染到任意DOM节点
前端·javascript·vue.js
前端Hardy2 小时前
别再用 $emit 满天飞了!Vue 3 组件通信的 4 种正确姿势,第 3 种 90% 的人不知道
前端·vue.js·面试
前端Hardy19 小时前
干掉 Virtual DOM?尤雨溪开始"强推" Vapor Mode?
vue.js·vue-router