Google Chrome が input[type="date"] でデートピッカー表示に対応

Operaの場合はカレンダーから日付を選択することしかできませんが、Chromeは直接値を入力することもできます。

入力形式は YYYY-MM-DD と YYYY/MM/DD に対応しているようです。ただし、いずれの場合も送信される値はHTML5の仕様 どおり、 YYYY-MM-DD となります。

ちょっと改善して欲しいと思ったのが不正な日付を入力したときの動作で、 YYYYMMDD などの認識しないパターンや "2012-09-31" のように存在しない日付を入力した場合は、空文字（value属性が設定されている場合はその値）に戻されてしまいます。これは入力値はそのままにエラー表示を行ってくれた方が良いと感じました。

value属性が設定されていない場合、Chromeは本日日付の部分に青い背景色が設定されます。

さらにカレンダーを表示した段階でそこにフォーカスがあたっている状態になっているため、キーボード操作での日付選択が便利だと感じました。たとえば9月27日に29日チェックインのホテルを予約する場合、Chormeでは「↓」キーでカレンダーを表示した後、「→」キーを2回押すだけで希望の日が選択できます[1]。

Chromeは「2012年(平成24年)」のように和暦も併記されます。日本語版特有の機能なのでしょうが、これはありがたいですね。いまのところ対応しているのは平成99年（2087年）までで、それ以降は西暦表記のみとなります。

以前も書きましたが、Operaはバージョン11でなぜか「なし」ボタンが廃止されてしまい、一度値を設定すると空にはできなくなってしまいましたが、Chromeには同様の機能を持った「クリア」ボタンがあります。

注意したいのは「リセット」ではなく「クリア」なので、value属性によって初期値が設定されているときも元の値に戻るのではなく空にされてしまいます。

なお、required属性が付いた入力必須の状態では「クリア」ボタンは表示されません。

Operaは月曜始まりですが、Chromeは日曜始まりです。

また、Operaは日曜日が赤色で表示されますが（祝日や国民の休日には対応していない）、Chromeはすべて黒色でちょっと分かりにくい感じがします。ホテルや交通系の予約サイトなどでよく見られる、JavaScriptを使ったカレンダーでは実装されていることも多いので、今後のアップデートに期待したいです。

Opera, Chromeともカレンダーで選択できる範囲には限界があります。

Chromeは1900年以前を選択することができませんが、直接入力は可能なことと、そこまで古い日付をカレンダーから選択するのが現実的に難しいため[2]、大きな問題にはならないと思います。

ただし、ユーザーが

• カレンダーから選択するだけでなく直接入力も可能である
• 西暦999年以前を入力する場合は頭に 0 を加えて4桁になるよう入力しないといけない

ということを理解していないと混乱の原因になってしまうと思われます。古文書の検索システムなど古い日付を扱うフォームでは、ユーザー向けに注釈を記すなどの対応があったほうが良いかもしれません。

あと、Operaは現状1581年以前の日付を選択することができないので[3]、はやく直接入力に対応してほしいですね。

Operaは datetime や month, week などにも対応していますが、Chromeは今のところ（バージョン21）は date のみの対応のようです。