No.494
【HTML5】type="date"に日付を表示する【date】
valueに値をセットしているのに表示されない場合
HTML5の便利機能に、inputタグの date 種別がある。
<input type="date" name="xxx" value="xxxx-xx-xx">
見てくれはともかく、何もしなくても日付選択パネルなどを表示してくれるので重宝する機能ではある。
しかし、けっこう癖のある機能なのが玉に瑕。
特に value に値をセットしてもフォームに表示されないことがあって悩む初心者が多数出ている（自分調べ
というわけで説明用に解決法をメモ。
原因
value に記述する日付のフォーマットが規定通りでないと表示されない。
解決法
記法は YYYY-MM-DD 固定でとなる。
月と日がは0パディングで2桁、区切りはハイフンだけが許されている。
下記はOK。
2024-04-05
2024-11-15
下記はNG。
2024-4-5
2024/11/15
スラッシュ区切りは使う人も多いので嵌まりやすいところかもしれない。