input[type=date] を使った時の挙動、実はいまだにブラウザによってまちまち。 Chrome はチープなピッカーを申し訳程度に表示するんだけど、macOS 版の Safari に至ってはピッカーすら出してくれない。ただし iOS、iPad OS 版の Safari はちゃんとしたピッカーを表示してくれる。 なので iPhone、iPad の場合は OS デフォルトのピッカーを、それ以外のブラウザの場合は jQuery でもなんでもいいんだけど Datepicker 的なものを表示するようにしてみた。 まずは基本 まずは基本的によくやるようなパターン。以下のような HTML を用意する。 <input type="text" class="datepicker"> 次に以下のような JavaScript を用意する。 $( () => { $("input.datepicker"