一旦在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

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

<DateInput
  closable
/>

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