###前提・実現したいこと
いつもお世話になっております。
bootstrap3でbootstrap-timepickerは利用できないのでしょうか?
いろいろとホームページを参考に作業していますが、どうにもうまく行きません。
もし、bootstrap3で使えないなら、これ以上頑張っても解決できないので、
まずは、利用できるかどうか知りたくて投稿しました。
また、bootstrap3で、timepickerを利用するには、どうすればいいでしょうか?
参考になるホームページ等があれば、ぜひ教えてください。
どうぞよろしくお願いします。
###発生している問題・エラーメッセージ
テキストエリアをクリックしても、タイムコントロールが表示されない。 変な形のアイコンが表示されてクリックできない。 ![イメージ説明](5a78533a474a117900f8fdeee8b68298.png)
###該当のソースコード(一部抜粋)
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- BootstrapのCSS読み込み --> <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css"> <!-- <link type="text/css" rel="stylesheet" href="css/timepicker.css"> --> <link type="text/css" rel="stylesheet" href="css/bootstrap-timepicker.css" /> <link type="text/css" rel="stylesheet" href="css/bootstrap-datepicker.min.css.css" /> <!-- <link type="text/css" rel="stylesheet" href="css/bootstrap-datetimepicker.min.css"> --> <!-- jQuery読み込み --> <!-- <script type="text/javascript" src="/js/jquery-1.11.3.min.js"></script> --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <!-- BootstrapのJS読み込み --> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/bootstrap-timepicker.js"></script> ########################################################## <div class="form-group"> <div class="input-group bootstrap-timepicker timepicker"> <input type="text" class="form-control timepicker5" name="stime" id="id_stime" value=""> <span class="input-group-addon"> <span class="glyphicon glyphicon-time" aria-hidden="true"></span> </span> </div> </div> <!-- jQueryが読み込まれないテーマの場合コメントを解除 --> <script src="js/bootstrap-datepicker.min.js"></script> <script src="js/bootstrap-datepicker.ja.min.js"></script> <script type="text/javascript"> $('.datepicker').datepicker({ language: 'ja', format: "yyyy/mm/dd", autoclose: true }); $('.timepicker5').timepicker({ showInputs: false, minuteStep: 15, showMeridian: false }); </script>
###試したこと
順番変えたり、いろいろと試しました。
###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報
回答1件
あなたの回答
tips
プレビュー