如何制作这样的输入掩码 --:--:--？

问题描述

我需要让输入请求像 --:--:-- => 99:99:99 这样的数字。如何在没有插件的情况下仅使用 React 来实现？

我无法添加代码，因为我不知道如何使用简单的输入来实现：

<TextField
  defaultValue="00:00:00"
  className={classes.textField}
  value={time}
  onChange={(e) => setTime(e.target.value)}
  inputProps={{
    step: 700,}}
/>

解决方法

可以简单地使用 3 <TextField/> 并使用表格或网格围绕它们进行布局。 然后可以单独处理每个输入。