如何在 InputMask 中自定义屏蔽输入?

问题描述

我正在为孩子们创建一个调度程序应用程序。调度程序将用于他们的学校任务和家庭作业。为此,我有一个带有时间的输入字段,该字段需要具有这种格式“00:00”。我正在使用 react InputMask,这是它的外观:

<InputMask mask="99:99" maskChar="00:00" />;

所以每当孩子在输入中输入 1 时,这个值就会被屏蔽为 10:00。我的问题是我想像 01:00 一样被屏蔽,但我不知道该怎么做。我已经阅读了 InputMask 的文档,并且遇到了属性 beforeMaskedStateChange。我可以以某种方式使用这个属性解决我的问题吗?或者我应该为此使用某种正则表达式? 另一件事是,我希望在完成输入后进行屏蔽。一开始,输入字段需要只是一个没有 99:99 格式的常规输入字段。

打字时 ====>

enter image description here

在我不再关注这个领域之后(我正在编辑其他领域) - 屏蔽完成 ====>

enter image description here

如果这个问题重复,我很抱歉。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)