数値の入力で先行ゼロを強制します。

Question

私はアラームWebアプリケーションを作成しています。私は2つの数字入力を持っています.1つは時間の入力、もう1つは分の入力です。したがって、キーボードの矢印を使用すると、0から23/59になります。 00（01,02、et。）から23/59に変えるためのHTMLネイティブな方法はありますか？

私のJSが欠けている0をどうにかして管理するので、私はUIの側面だけを心配しています。

EDIT - 要求されたよう：

私が持っているもの：

私が欲しいもの：

代わりの59に0,1,2から行きます数値が10（00,01,02から59）より小さい場合、先頭に0を自動的に付けたいと思います。

Answer 1

Selectタグを使用しない限り、HTMLをネイティブに処理することはできません。テキスト入力を使用している場合は、最初の10個の値の先頭に0を付ける必要があります。例えば、

<script> 
    function leadingZeros(input) { 
    if(!isNaN(input.value) && input.value.length === 1) { 
     input.value = '0' + input.value; 
    } 
    } 
</script> 

そして私はちょうど私のために最善どのように機能するか、これまでの入力の様々なイベントにそれを呼び出す：

Answer 2

私はこれは、必要に応じてちょうど前に追加のゼロに使用

<input type="number" 
     value="00" 
     onchange="leadingZeros(this)" 
     onkeyup="leadingZeros(this)" 
     onclick="leadingZeros(this)" /> 

それはありません主にユーザーが数字を変更してゼロを前に付けるとわずかな視覚的な変化があるので理想的な解決策ですが、それは私のために働きます:)

編集：私は感謝しています彼はjavascriptのないネイティブの解決策を求めて答えましたが、私はGoogleの検索を使ってここに来る人々に何かを提供したかったのです。