Question

我正在使用React-Day-Picker和react-redux-form。我需要能够隐藏移动键盘 - 这是一个响应式应用程序。这是我的代码摘录。我不知道在桌面上没有DayPickerInput消失的地方/如何实现这一点。

import {Control, Errors, actions} from 'react-redux-form'
import DayPickerInput from 'react-day-picker/DayPickerInput'

...other code here...

    const DateInput = (props) => <DayPickerInput              
                                value = {modelValue === 0 ? "Select date..." : new Date(modelValue)}
                                format = "ddd, D MMMM YYYY"
                                formatDate={formatDate}
                                parseDate={parseDate}
                                onDayChange={day => {let newValue = (day && day.valueOf()) || new Date().valueOf(); dispatch(actions.change(model, newValue))} }
                                dayPickerProps= {{firstDayOfWeek: 1, showOutsideDays:true}}/>
return(
            <Control model={model} 
                className={style}
                component={DateInput}
                validators={validation}
                validateOn="change"
                disabled={disabled} type="text" readOnly>
            </Control>
  )

亲切的问候

菲尔

Answer 1

尝试将inputProps = {{readOnly：true}}传递给DayPickerInput组件

<DayPickerInput
    {...props}
    inputProps={{readOnly: true}}
/>

这可以防止键盘出现在iOS上。当然，您不能在destkops上使用键盘键入日期，但这一切都取决于您的需求

如何在iOS上隐藏键盘

1 个答案: