使用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();
                                      }
                                }
                  }}
/>