Input DatetimeLocal step属性

定義と使用方法

step 属性設定またはローカル日付時刻フィールドのstep属性の値の返り値。

HTMLのstep属性は、ローカル日付時刻フィールドの秒またはミリ秒の有効な数字の間隔を規定します(日、月、年、時間、または分には適用されません)。

例:step="2"の場合、有効な数字は0、2、4などです。

ヒント: step属性は通常、 max および min 属性を組み合わせて、一連の有効な値を作成します。

参照:

HTMLリファレンスマニュアル:HTML <input> step 属性

例1

ローカル日付フィールドの秒の有効な数字の間隔を変更する:

document.getElementById("myLocalDate").step = "10";

自分で試してみる

例2

ローカル日付フィールドでミリ秒単位の有効な数字の間隔を変更する:

document.getElementById("myLocalDate").step = ".020";

自分で試してみる

例3

ローカル日付フィールドの秒の有効な数字の間隔を取得する:

var x = document.getElementById("myLocalDate").step;

自分で試してみる

文法

step属性の返り値:

datetimelocalObject.step

step属性の設定:

datetimelocalObject.step = number

属性値

説明
number

ローカル日付時刻フィールドの有効な数字の間隔を定義します。

秒のために:

最終的に「60」に達する数字を使用します。例:「1」、「2」、「10」、「30」など。

ミリ秒のために:

「.」から始まり、最終的に「1000」に達する数字を使用します。例:「.010」、「.050」、「.20」など。

技術的詳細

返り値: 数値は、秒またはミリ秒単位の有効な数字の間隔を示します。

ブラウザのサポート

テーブルの数字は、この属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート 10.0 サポート サポート サポート

注意:Firefox では <input type="datetime-local"> エレメントが何も表示されません。