React DatePicker 如何通过单击图标打开日期选择器 [英] React DatePicker how to open datepicker on click of icon

问题描述

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

Trying to open datepicker on click of icon of react-datepicker component, I have gone through their docs and issues links but found that its not much useful.

<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 文档链接，但没有成功.

I tried from React-datepicker docs link but no luck.

推荐答案

只需用标签包装 DatePicker.标签内的所有点击都调用焦点输入，即打开日历.

Just wrap DatePicker with label. All click inside label call focus on input, that open calendar.

<label>
    <DatePicker/>
</label>

这篇关于React DatePicker 如何通过单击图标打开日期选择器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！