Автоматический обратный слеш для ввода текста даты React Native?

Question

Кто-нибудь знает, как создать текстовый ввод, который, когда вы начинаете набирать его, автоматически учитывает определенное количество цифр с автоматическим разделением обратной косой черты для чисел.

ДД / ММ / ГГГГ (Я не собираюсь использовать сборщик дат или библиотеку).

Answer 1

Вы можете использовать что-то вроде этого:

<TextInput
  onChangeText={(text) => this.handleTextChange({text})}
  value={this.state.text}
/>

В handleTextChange() сделайте все, что вам нужно, для вставленного текста и установите его в состояние

Answer 2

Попробуйте этот компонент реакции:

https://github.com/benhurott/react-native-masked-text

INSTALL

npm install react-native-masked-text --save

* USAGE 1014 *

render() {
//the type is required but options is required only for some specific types.
  return (
    <TextInputMask
      refInput={(ref) => this.myDateText = ref;}
      type={'datetime'}
      options={{
        format: 'DD-MM-YYYY HH:mm:ss'
      }}
    />
  )
}

есть один тип маски, который подходит вам:

datetime: использовать маску даты-времени с форматом момента (по умолчанию ДД / ММ / ГГГГ ЧЧ: мм: сс). Он принимает параметры (см. Далее в этом документе).