javascript - HTML5の「時間」入力コントロールに秒を強制的に表示するにはどうすればよいですか？

Question

JavaScriptを使用してHTML5の「時間」オブジェクトの値を設定すると、次のようになります。

document.getElementById("settime").value = "13:24:59";

「13:24:59」が表示されたタイムコントロールが表示され、すべてを変更できます。しかし、私がこれを行う場合：

document.getElementById("settime").value = "13:25:00";

秒を非表示にし、秒なしの「13:25」のみを表示します。この場合、「00」秒を強制的に表示するにはどうすればよいですか？

（ちなみに、これはGoogle Chromeにあります。）

Answer 1

属性を設定しstepます。

元：<input id="settime" type="time" step="1" />

document.getElementById("settime").value = "13:24:00";

<input id="settime" type="time" step="1" />

ステップ属性に関する注意：

step属性を数値入力値とともに使用して、入力できる値の粒度を指定できます。たとえば、ユーザーに特定の時間を入力してもらいたいが、30分刻みで入力したい場合があります。この場合、時間入力の場合、属性の値は秒単位であることに注意して、step属性を使用できます。たとえば、30分の増分のステップ値は1800になります。<input type="time" step="1800">

Answer 2

ステップ=1はchrome/iOSでは機能しません