| typeの値 | 表示例 | 表示項目 | タイムゾーン | 書式 | 資料 | ||||
|---|---|---|---|---|---|---|---|---|---|
| 年 | 月 | 日 | 週 | 時刻 | |||||
| "date" | ○ | ○ | ○ | YYYY-MM-DD |
|||||
| "datetime" | ○ | ○ | ○ | ○ | UTC | YYYY-MM-DDThh:mm:ssTZD |
|||
| "datetime-local" | ○ | ○ | ○ | ○ | ローカル | YYYY-MM-DDThh:mm:ss.ms |
|||
| "month" | ○ | ○ | ローカル | YYYY-MM |
|||||
| "week" | ○ | ○ | ローカル | YYYY-WWW |
|||||
| "time" | ○ | ローカル | hh:mm:ss.ms |
||||||
type属性ごとに、その書式に合わせる必要があります。
<input type="date" value="2012-03-04" />
| typeの値 | valueの値 | 適用例 |
|---|---|---|
| "date" | "2012-03-04" | |
| "date" | "2012/03/04" (誤った形式) | |
| "date" | "2012-3-4" (誤った形式) |
<input type="date" value="2012-03-04" min="2012-03-01" />
| typeの値 | minの値 | 作用 | 適用例 |
|---|---|---|---|
| "date" | "2012-03-01" | 選択可能な日が2012/03/01以降 | |
| "datetime" | "2012-03-01T01:00:00Z" | ||
| "datetime-local" | "2012-03-01T01:00:00.01" | ||
| "month" | "2012-03" | ||
| "week" | "2012-W03" | ||
| "time" | "01:00:00.00" |
<input type="date" value="2012-03-04" step="2" />
| typeの値 | stepの値 | 作用 | 適用例 |
|---|---|---|---|
| "date" | "2" | 選択可能な日が2日ごと | |
| "datetime" | "2" | 効果なし | |
| "datetime-local" | "2" | 2秒ごと | |
| "month" | "2" | 選択可能な月が2月ごと | |
| "week" | "2" | 選択可能な週が2週ごと | |
| "time" | "2" | 2秒ごと |