现有这个一个需求:一个页面有一大堆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.   

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

  2.   

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

  3.   

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

  4.   

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