首页 > 解决方案 > 有没有办法可以将占位符文本放入 textinput 并在用户键入时将占位符文本的字符 1 替换为 1?

问题描述

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

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

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

用户输入字符之前的 textInput 字段

用户输入字符之前的 textInput 字段

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

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

当用户完成输入日期时

当用户完成输入日期时

任何帮助将不胜感激

标签: javascriptreact-nativetextinput

解决方案


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

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


推荐阅读