ant-design DatePicker 使用 disabledDate 的 info.from 后，组件展示问题

8i9zcol2 于 5个月前发布在其他

关注(0)|答案(5)|浏览(42)

Reproduction link

https://stackblitz.com/edit/react-9xobvj?file=demo.tsx

Steps to reproduce

在demo中，
先选择开始时间，
之后直接点击选择器结束时间上方的年（例如： 2024 年），
在该操作之后，面板无法进行下一步操作，所有年份都被置灰，且开始时间选中的年份也不可点击
2024-07-31.10.28.20.mov

What is expected?

可选择在限制中可选的十年、年、月

What is actually happening?

在时间限制足够小的情况下，用户只要点击到上方的年月切换按钮，就会无法进行下一步操作，只能取消重来
| Environment | Info |
| ------------ | ------------ |
| antd | 5.19.4 |
| React | react |
| System | macos ventura 13.4.1 (22F82) |
| Browser | chrome 126.0.6478.185 |

进行版本升级后碰到该问题，原有的问题在 antd v4 版本中不存在，且原有系统时间组件使用的 disabledDate 时间限制，也会碰到该问题

ant-design

来源：https://github.com/ant-design/ant-design/issues/50167

5条答案

按热度按时间

zlwx9yxi1#

先点击时间选择器右边的清空选项

默认是不展示这个的，怎么点击？来个录屏看看吧~~

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

uqzxnwby2#

Hello @DelMemory. Please provide a online reproduction by forking this one or provide a minimal GitHub repository like create-react-app-antd . Issues labeled by Need Reproduce will be closed if no activities in 3 days.

你好 @DelMemory，我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过 fork 这个在线重现案例，或者提供一个最小化的 GitHub 仓库（类似 create-react-app-antd ）。3 天内未跟进此 issue 将会被自动关闭。
什么是最小化重现，为什么这是必需的？