Angularjs 从ui timepicker输入的小时数上带有ui掩码的前导零

Angularjs 从ui timepicker输入的小时数上带有ui掩码的前导零,angularjs,angular-ui-bootstrap,timepicker,masking,leading-zero,Angularjs,Angular Ui Bootstrap,Timepicker,Masking,Leading Zero,我需要从angular ui timepicker输入中阻止除数字以外的任何内容,因此我使用了带有ui掩码的自定义模板。唯一的变化是: 增加 输入ng model=“小时”、“分钟”和“秒” 然后添加了时间选择器,如下所示: <uib-timepicker show-meridian="false" arrowkeys="false" show-seconds="true" show-spinners="false" template-url="timepicke

我需要从angular ui timepicker输入中阻止除数字以外的任何内容,因此我使用了带有ui掩码的自定义模板。唯一的变化是:

增加

输入ng model=“小时”、“分钟”和“秒”

然后添加了时间选择器,如下所示:

<uib-timepicker
    show-meridian="false" arrowkeys="false" show-seconds="true" 
    show-spinners="false"
    template-url="timepicker-tmpl.html">
</uib-timepicker>

当我尝试在小时内输入一个前导为零的数字时,如“09”,它会在我输入“9”后显示占位符,只有在我单击其他位置后才会显示“09”。我可以在小时内输入任意两位数字而不前导零,没有任何问题,分和秒根本没有前导零错误

演示:

有谁能给我一些建议,如何让小时和以零为前导的分/秒表现得一样

<uib-timepicker
    show-meridian="false" arrowkeys="false" show-seconds="true" 
    show-spinners="false"
    template-url="timepicker-tmpl.html">
</uib-timepicker>