Форматирование ввода текста даты рождения во Flex

Question

У меня есть TextInput для пользователя, чтобы ввести свою дату рождения. Прямо сейчас они просто вводят строку чисел, и я анализирую ее на предмет правильных значений, но это может быть очень неэффективно. Я хочу, чтобы TextInput автоматически форматировался так, чтобы он выглядел - / - / ----, чтобы пользователь мог щелкнуть по нему и заполнить поля «-», оставляя «/» для форматирования. Кто-нибудь знает хороший способ сделать это?

Заранее спасибо за любые советы!

Answer 1

Для этого вы можете использовать Adobe Masked TextInput .

Answer 2

Если вы попытаетесь сделать это только с одним TextInput, это будет очень сложно (если не невозможно). Для простоты вы можете просто использовать три TextInputs и отделить их с помощью «/». Затем просто стилизуем TextInputs, чтобы он выглядел так, как будто есть только одно текстовое поле.

Также вы можете добавить прослушиватель событий для события textChange. Таким образом, вы можете проверить ввод по мере его ввода и перейти к следующему полю, как только вы получите верный номер.