Маска ввода реагирования не работает с bootstrap и датчиком выбора | Reactjs - PullRequest
Новая
       39

Маска ввода реагирования не работает с bootstrap и датчиком выбора | Reactjs

0 голосов
/ 02 марта 2020

У меня есть элементы bootstrap form.control и datepicker, но я не могу использовать маски ввода-ввода с ними. Мне нужно использовать маски в DatePicker компоненте и в реагировать - bootstrap Form.Control. У меня есть следующий код: 

import InputMask from 'react-input-mask';
//imported lib

<FormGroup>
<Form.Control
    mask="99 999 9999"
    maskChar=" "
    tag={InputMask}
    type="text"
    name="user_number"
    placeholder="№: 
    value={values.user_number|| ''}
    onChange={handleChange}
    isInvalid={touched.user_number&& !!errors.user_number}
   />
</FormGroup>
//This is my form input also it doesn't work with DatePicker

<DatePicker
   mask="99 999 9999"
    maskChar=" "
    tag={InputMask}
    selected={date}
    onChange={e => _onChange(e)}
    onChangeRaw={e => onChangeRaw(e)}
   locale="ru"
/>

Этот образец не работает. Как нанести маску на компоненты Form.Control и DatePicker? Или есть другие лучшие способы использования масок?

...