Input Date step属性

HTML DOM イプット デート オブジェクト

定義と使用方法

step 属性設定または日付フィールドのstep属性の値を返します。

HTMLのstep属性は、ユーザーが日付フィールドで日付を開く際に選択できる合法な日付間隔を定義します。

例えば、step = "2" の場合、カレンダーから隔日を選択することができます。

参照してください：

HTML 参考マニュアル：HTML <input> step 属性

例

例 1

合法な日数の間隔を変更します：

document.getElementById("myDate").step = "2";

自分で試してみてください

例 2

合法な日付間隔を取得します：

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

自分で試してみてください

文法

step属性を返します：

inputdateObject.step

step属性を設定します：

inputdateObject.step = number

属性値

値 説明
number

法定日数の間隔を定義します。デフォルトは 1 日です。

例えば：

  • step="2" の場合、日付カレンダーで隔日選択することができます。
  • step="10" の場合、日付カレンダーでは九日ごとの間隔で選択することができます。

技術的詳細

返り値： 数値は、有効な日数を示します。

ブラウザサポート

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

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

注意：<input type="date"> エレメントは IE11 およびそれ以前のバージョンでは、何も日付フィールドまたはカレンダーを表示しません。

HTML DOM イプット デート オブジェクト