在移动端,点击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; } }