私は時間と分を表す2つのinputフィールドを持っています。入力番号フィールドの先行ゼロを表示します
<input type="number" min="0" max="24" step="1" value="00" class="hours">
<input type="number" min="0" max="0.60" step="0.01" value="00" class="minutes">どちらとして表示：
0:0
または：
5:3
それを表示する方法はありますように：
00:00
または：24時間のデータ形式の
05:03
すなわち（人々がそれを示唆する前に、私はタイプ= "時間" を使用することはできません）。
onchange属性を入力タグに追加できます。このタグは、javascript関数を呼び出します。
<script>
function MyFunction() {
var minuteValue = document.getElementById("minutes").value;
if (minuteValue.toString().length < 2) {
minuteValue = "0" + minuteValue;
}
alert(minuteValue);
}
</script>
<input id="minutes" onchange="MyFunction()"/>
function formatNums(num){
if (nums < 10){
return "0" + num;
}
}
var formattedHours = formatNums(hours);
var formattedMinutes = formatNums(minutes);
注：このメソッドはtype="text"を使用していますので、必要に応じて数値に戻って変換するようにしてください。 Number(formattedHours);
それは意味をなさない。先行するゼロを持つ 'number'を持つことはできません。 – Andy
@Andy数値を表示するときにテキストを使用し、計算に使用するときに数値に変換する –
このスレッドをチェックするhttp://stackoverflow.com/questions/14638018/current-time-formatting-with-javascriptそれはあなたがやっていることではありませんが、JavaScriptの書式設定は時間と分で動作するはずです。 –
が重複していますか？ http://stackoverflow.com/questions/20684737/force-lead-zero-in-number-input –
実際にはこれは次のとおりです：http://stackoverflow.com/questions/6312993/javascript-seconds-to-time-string-with -format-hhmmss –