フォームに日時を選択する時にdatepickerが使えると便利ですよね。
ただ、スマートフォンで開くとキーボードが表示されて邪魔ですよね。
というわけで、今回はソフトウェアキーボードを非表示にする方法をご紹介します。
inputタグに対してreadonlyをつかって読み込み専用のボックスにするだけで、スマホのソフトウェアキーボードを出さないということが可能です。
ただし、入力はjsからしかできなくなります。
下記のように入力すればOKです。
<input type=”text” name=”date” value=”xxx” readonly=”readonly” />
