【问题标题】:Is there a way I can put placeholder text in a textinput and replace the characters of the placeholder text 1 by 1 as the user is typing?有没有办法可以将占位符文本放入 textinput 并在用户键入时将占位符文本的字符 1 替换为 1?
【发布时间】:2020-10-31 09:50:46
【问题描述】:

我有一个带有占位符文本的 textInput

<TextInput
  placeholder={'YYYY-MM-DD'}
  onChangeText{this.onChangeText}
/>

有没有办法让我在用户在字段中输入输入时单独替换字符,以产生类似于下图所示的输出?

用户输入字符前的文本输入字段

用户输入日期的前 2 个字符后

当用户完成输入日期时

任何帮助将不胜感激

【问题讨论】:

    标签: javascript react-native textinput


    【解决方案1】:

    你可以试试日期输入类型:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

    或者,如果您想手动制作,您可以使用Element.selectionStart 属性获取/更改光标的位置。

    【讨论】:

    • 如果我使用 react-js 这将是一个很好的解决方案,但我需要一个不使用外部库的 react-native 解决方案
    猜你喜欢
    • 1970-01-01
    • 2020-11-11
    • 2017-05-11
    • 2011-11-16
    • 2023-04-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多