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

Question

默认情况下，仅在时间选择器外部单击时，Ant Design TimePicker才会关闭。

我有12小时TimePicker，默认将其设置为上午12:00，当用户选择小时，分钟和上午/下午时，如何自动关闭该时间，因此用户不必在菜单外单击TimePicker手动关闭它？

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

Answer 1

您可以使用open组件中的TimePicker属性，并使用状态值显示/隐藏时间选择器。因此，每次用户单击时间更改时，都可以使用onChange属性将状态值更改为false

const [open, setOpen] = useState(false);
<TimePicker
 ...
 open={open}
 onOpenChange={() => {setOpen(true)}})
 onChange={() => {setOpen(false)}}
></TimePicker>