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

)

}

}

效果如图:

相关推荐
盏茶作酒291 分钟前
打造自己的组件库(一)宏函数解析
前端·vue.js
一大树35 分钟前
Vue3 开发必备:20 个实用技巧
前端·vue.js
ze_juejin1 小时前
Vue3 + Vite + Ant Design Vue + Axios + Pinia 脚手架搭建
前端·vue.js
小样还想跑2 小时前
axios无感刷新token
前端·javascript·vue.js
用户3802258598243 小时前
vue3源码解析:响应式机制
前端·vue.js
时间会给答案scidag3 小时前
报错 400 和405解决方案
vue.js·spring boot
白杨木影子被拉长3 小时前
多状态映射不同样式(scss语法)
vue.js·uni-app
长路 ㅤ   3 小时前
前端技术博客汇总文档
javascript·vue.js·css3·html5·前端技术
Jinxiansen02115 小时前
unplugin-vue-components 最佳实践手册
前端·javascript·vue.js
&芒果冰沙&5 小时前
【Axure RP】什么是Axure?Axure可以用来做什么?
ui·axure·ux