element [Bug Report] el-date-picker的type设为datetimerange也就是日期时间段选择的时候，无法限制到时分秒，比如我要今天的当前时间后才能选择，只能设置到天，不能设到时分秒

up9lanfz 于 5个月前发布在其他

关注(0)|答案(4)|浏览(81)

Element UI version

2.15.13

OS/Browsers version

windows / chrome

Vue version

2.7.14

Reproduction Link

https://codepen.io/junhunlrw/pen/NWOExjm

Steps to reproduce

1、定义时间段的dom
2、设置options:
pickerOptions:{
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7;
}
}

What is Expected?

希望当前时间之前的日期和时间都不能选择，比如当前时间为‘2023-05-19 16:34:22’，如果开始时间选了今天，那么时间选择那里就要把16:34:22之前的时间都禁掉

What is actually happening?

只能禁用掉年月日，禁不掉时分秒，一样可以选择当前时间之前的时分秒

来源：https://github.com/ElemeFE/element/issues/22536

4条答案

按热度按时间

我也遇到了，后来怎么解决的呀

赞(0）回复(0）举报 5个月前

https://segmentfault.com/q/1010000043807654?_ea=303653797

赞(0）回复(0）举报 5个月前

element组件，子组件有携带对应的方法，自己写下逻辑就行了，可以看一下文章

https://juejin.cn/post/7122879562643406884

赞(0）回复(0）举报 5个月前

在picker-options 中有 onPick配置，这个方法中，你可以通过ref获取对应的组件，然后通过设置selectableRange 来禁用时分秒

const date1 = ...
cosnt date2 = ...
const picker = this.$refs.dateTime?.picker
const {minTimePicker, maxTimePicker} = picker.$refs
minTimePicker.selectableRange = [date1, date2]
maxTimePicker.selectableRange = [date1, date2]

赞(0）回复(0）举报 5个月前

相关问题

热门标签

Java query python Node 开发语言 request Util 数据库 Table 后端算法 Logger Message Element Parser

最新问答

xxl-job 安全组扫描到执行器端口服务存在信息泄露漏洞
回答(1) 发布于 5个月前
xxl-job 不能和nacos兼容？
回答(3) 发布于 5个月前
xxl-job 任务执行完后无法结束，日志一直转圈
回答(3) 发布于 5个月前
xxl-job-admin页面上查看调度日志样式问题
回答(1) 发布于 5个月前
xxl-job 参数512字符限制能否去掉
回答(1) 发布于 5个月前