react-datetime - 使用 react-datetime 在键盘输入中按 ENTER 时如何关闭日历

Question

我正在使用“react-datetime”的日期时间，并且想在我按输入时关闭日历。这个怎么做？

Answer 1

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