求一时分自动补全的插件?

[「已注销」]

现有这个一个需求：一个页面有一大堆input输入框，每个输入框就是提供给录入时间的，时间格式为：小时:分钟，比如12：23代表12个小时23分钟，08：32代表8个小时32分钟。

现在首要解决的第一个难题就是，自动补全用户输入时间的问题，如果当用户切换到某一个输入框的时候，输入框默认显示 00:00, input输入框这时候聚焦，当用户输入1,则输入框内容变成 10：00，光标聚焦指向第二个字符，然后用户输入2，则这时候输入框变成12：00，然后输入框里面的光标继续移动到后一位，当用户输入3，则这时候输入框变成12：30，用户继续输入则最后一位补齐，如果用户切换输入框或者按回车键，则输入框应该得到用户输入的内容：12：30.

请问各位大神有没有使用过类似的jQuery插件，或者有没有写过类似的方法，最好能做成插件的那种，因为页面有103个输入框待用户输入数据。

[「已注销」]

引用 1 楼 zxf1234556 的回复:

时间用时间控件让用户选择，不用输入的了，input 设置成readonly

引用 1 楼 zxf1234556 的回复:

时间用时间控件让用户选择，不用输入的了，input 设置成readonly

不明白，具体怎么使用呢？

[「已注销」]

引用 2 楼 丰云 的回复:

<input type="time"/>
<input type="date"/>

第一种用法插件就实现了需求，只是time这种input类型，如何只要 分钟：秒，这个格式呢？

[zxf1234556]

时间用时间控件让用户选择，不用输入的了，input 设置成readonly

[丰云]

<input type="time"/> <input type="date"/>

[丰云]

没有好方法，可以通过控制输入框的宽度和左右padding的方法来实现