react-dates SingleDatePicker 关闭时如何专注于输入字段？

编程问答 2022-05-23

问题描述

有没有办法在 SingleDatePicker 关闭时将焦点设置在输入字段上？问题是输入直接绑定到日历，所以每当用户点击输入字段时，它也会自动呈现日历。

当前实施：

<SingleDatePicker
    date={this.state.date} 
    onDateChange={date => this.setState({ date })}
    focused={this.state.focused}
    onFocusChange={({ focused }) => this.setState({ focused })}
    onClose=(() => ???)   // what can I do here to set focus on input?
    id="singleDatePicker"
/>

基本上我想在选择日期时关注突出显示的输入（如下图所示）。

enter image description here

http://airbnb.io/react-dates/?path=/story/sdp-day-props--with-custom-daily-details

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

datepickerdatepickerreact-dates