Ant design DatePicker ----移動端,點擊DatePicker 時,會出現軟鍵盤,隱藏方案


在移動端,點擊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; }
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM