在 ReactJS 上选择日期后，如何关闭日期选择器弹出窗口？

Question

选择日期后，我希望弹出窗口关闭。目前，它仅在单击弹出窗口外部或退出时关闭，即使选择了日期。这可以通过 onClick 函数实现吗？

<DateInput
        localization={String(i18n.lng).substr(0, 2)}
        placeholder={t("flot.split.documente-ton-oeuvre.documenter.date-placeholder")}
        value={this.props.value}
        onChange={(event, { value }) => {
        // make sure the date is vaid for momentjs
        let a = value.substr(6, 4),
        m = value.substr(3, 2),
        j = value.substr(0, 2);
        this.props.onChange(`${a}-${m}-${j}`);
        }}
        icon="calendar outline"
/>

Answer 1

根据我为组件找到的文档，我认为您正在使用，您所要做的就是将属性 closable 添加到您的组件，它应该在选择日期时关闭。

closable: {bool} If true, popup closes after selecting a date

<DateInput
  closable
/>

来源：https://www.npmjs.com/package/semantic-ui-calendar-react#supported-elements

在 ReactJS 上选择日期后，如何关闭日期选择器弹出窗口？

How can I close a Date Picker popup once a date is selected on ReactJS?

javascript

reactjs

semantic-ui