Reactjs 选择时间后自动关闭蚂蚁设计时间选择器

默认情况下，Ant设计仅在时间选择器外部单击时关闭

我有一个12小时

时间选择器

，默认设置为12:00 am，当用户选择小时、分钟和am/pm时，如何让它自动关闭，这样用户就不必在时间选择器外部单击来手动关闭它

<TimePicker format="h:mm a" use12Hours defaultOpenValue={moment('24:00', 'h:mm a')} />

---

您可以使用

时间选择器

组件中的

打开

属性，并使用状态值来显示/隐藏时间选择器。因此，每当用户单击“时间更改”时，可以使用

onChange

属性将状态值更改为false

const[open，setOpen]=useState（false）；
{setOpen（true）}}）
onChange={（）=>{setOpen（false）}
>

如果用户先选择am/pm怎么办？您是否仍希望计时器选择器关闭？可能在打开的面板底部添加一个“完成”按钮，以便用户可以在完成后单击它，不是在时间选择器外单击。@ShivamGupta我的观点是它应该自动关闭以改进用户体验，而不需要用户关闭它manually@martinschwartz当用户首先单击am/pm时会发生什么？那就糟了UX@ShivamGupta当用户选择小时和分钟并选择am/pm时，它应该关闭。我如何知道用户是否已经选择了小时、分钟和am/pm？我在Timpicker中没有收到页脚。。有人有解决办法吗？