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 文档链接，但没有运气。

原文由 Jayant Patil 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

 <label>
    <DatePicker/>
</label>

原文由 tre 发布，翻译遵循 CC BY-SA 3.0 许可协议