タグ

ブックマーク / www.atotok.co.jp (1)

  • input[type=date]の挙動とDatepicker

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

  • 1