Javascriptで時刻(時分)入力ダイアログで時刻を入力する(時刻ピッカー、タイムピッカー) ~ mam timepicker.js
■使い方
-
上記ボタンからmamtimepicker.jsをダウンロードします。
- mam time pickerを使いたいファイルで、
<script src="./js/mamtimepicker.js"></script>
のように、相対又は絶対パスでmam timepickerファイルを指定します。
-
クラス名に"mamTimePicker"を指定したinputエレメント(type="text")を設定します。
<input type="text" class="mamTimePicker" />
- ブラウザで開いてテキストボックスをクリックしたりタップすると時刻ピッカーが開きます。
■使用例
<script src="./js/mamTimePicker.js"></script> <input type="text" class="mamTimePicker" placeholder="hh:mm" />
スマートフォンなどで、オンスクリーンキーボード(ソフトウェアキーボード)を表示したくない場合は、readonly 属性を追加してください。
<script src="./js/mamTimePicker.js"></script>
<input type="text" class="mamTimePicker" placeholder="hh:mm" readonly="readonly" />