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