在 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} 如果为真，弹出窗口在选择日期后关闭

<DateInput
  closable
  />

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