如何解决使用react-datetime在键盘输入中按ENTER时如何关闭日历
我正在使用“react-datetime”的日期时间,并希望在输入时按回车键关闭日历。如何做到这一点?
解决方法
使用 useRef 和函数 _closeCalendar() 解决:
const refDataInicial=useRef();
...
<Datetime
ref={refDataInicial}
closeOnSelect={true}
dateFormat='DD/MM/YYYY'
timeFormat={false}
value={dataInicial}
onChange={handleChangeDataInicial}
onClose={handleCloseDataInicial}
inputProps={{
placeholder: "Data Inicial",onKeyPress:(e)=>{
if (e.key === 'Enter'){
refDataInicial.current?._closeCalendar();
}
}
}}
/>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。