reactjs - React DatePicker 如何在单击图标时打开日期选择器

Question

尝试通过单击react-datepicker组件的图标来打开datepicker，我浏览了他们的文档和问题链接，但发现它没有多大用处。

<DatePicker
        {...startDateOpts}
        id='abc'
        maxDate={moment()}
        onChange={this.handleStartChange}
        placeholderText='Start Date'
        popoverAttachment={smallScreen ? 'bottom center' : undefined}
        popoverTargetAttachment={smallScreen ? 'top center' : undefined}
        popoverTargetOffset={smallScreen ? '0px 0px' : undefined}
      />

我尝试从 React-datepicker docs link但运气不佳。

Answer 1

只需用标签包裹 DatePicker 即可。所有点击标签内调用焦点输入，即打开日历。

<label>
    <DatePicker/>
</label>