在移动端,点击DatePicker 控件时,会出现软键盘,可以通过以下方式隐藏软键盘。

function DatePickerDemo(props) {
    let dateRef = React.createRef();
    return (
    <div className="birth-date" ref={dateRef}>
                          <DatePicker
                            dropdownClassName="dark-mode"
                            getCalendarContainer={() => dateRef.current}
                            placeholder="请选择日期"
                            disabledDate={disabledDate}
                            format="YYYY-MM-DD"
                            onChange={e => handleDateChange(e)}
                            allowClear={false}
                          />
                        </div>
    
)

}

css:

.birth-date {
  .ant-calendar-input-wrap {
    display: none;
  }
}