Angularjs 如何使输入的数字显示为2位数字？

我试图让用户在我的HTML表单中选择一个小时和一分钟的组合。但我希望它们总是显示为两位数，而不是一位数，因此（例如）上午9:05显示为

09

和

05

，而不仅仅是

9

和

5

我还没有找到任何专门处理此问题的属性。我发现了一个

模式

属性，但它在Firefox38或Chromium 34上似乎没有任何作用，将

minlength

属性设置为2也是如此（我想这只是针对字符串的，但我尝试了一下）

我确实理解，我在本例中尝试的模式，

[0-9]{2}

，如果包含超过2个数字，则只会将（字符串）限制为2个数字。这就是为什么我尝试将输入字段的值设置为

100

，以测试

模式

属性是否有效，但正如我所说，不幸的是，它没有改变。可能

模式

也只适用于字符串

由于输入元素的

类型是
number
，因此Angularjs不允许我将
05
作为字符串写入其中。所以我想解决方案应该是通过HTML5属性

那么，我如何让这些值显示为两位数呢

我的表单如下所示：

<fieldset>
    <div class="row">
        <div class="col-xs-6 text-center">
            <h4>Hour</h4>
            <input type="number" 
                    max="23"
                    min="00"
                    step="1"
                    minlength="2"
                    pattern="[0-9]{2}"
                    class="form-control dialog-control" 
                    ng-model="hour"/>
        </div>
        <div class="col-xs-6 text-center">
            <h4>Minute</h4>
            <input type="number" 
                    max="59"
                    min="00"
                    minlength="2"
                    step="1"
                    pattern="[0-9]{2}"
                    class="form-control dialog-control" 
                    ng-model="minute"/>
        </div>
    </div>
</fieldset>


时辰
分钟
您是说您想将键入的数字限制在2位数以上。用数字选项填充的列表怎么样？我想大多数浏览器都会允许你输入，并且会在列表中设置值。不要使用type=number