reactjs – React DatePicker如何在点击图标时打开datepicker

发布时间：2020-12-15 09:33:59 所属栏目：百科来源：网络整理

导读：尝试打开datepicker点击react-datepicker组件的图标,我已经完成了他们的文档和问题链接,但发现它没有多大用处. DatePicker {...startDateOpts} id='abc' maxDate={moment()} onChange={this.handleStartChange} placeholderText='Start Date' popoverAttachm

尝试打开datepicker点击react-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}
      />

enter image description here

我从React-datepicker docs link尝试但没有运气.

解决方法

只需使用标签包装DatePicker.所有点击内部标签调用都集中在输入,即打开日历.

<label>
    <DatePicker/>
</label>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!