前提・実現したいこと
既存のサイトにjQueryのdatepickerを使いたのですが、動きません。
白紙の状態から記入すると、ちゃんと動くのですが、おそらくjQueryの記述が重複しているのかと思います。
発生している問題・エラーメッセージ
at HTMLDocument.<anonymous> ((index):31) at i (jquery.min.js:2) at Object.fireWith [as resolveWith] (jquery.min.js:2) at Function.ready (jquery.min.js:2) at HTMLDocument.J (jquery.min.js:2)
元々のソースコード
<!--object-sit(IE対策)--> <script src="https://cdnjs.cloudflare.com/ajax/libs/object-fit-images/3.2.3/ofi.js"></script> <script type="text/javascript"> objectFitImages(); $(function(){ $(window).scroll(function (){ $('.fadein').each(function(){ var elemPos = $(this).offset().top; var scroll = $(window).scrollTop(); var windowHeight = $(window).height(); if (scroll > elemPos - windowHeight + 100){ $(this).addClass('scrollin'); } }); }); }); $(function() { $('.humbergerMenu').on('click', function() { $(this).toggleClass('active'); $("nav").toggleClass('navView') }); }); </script> </script>
追加したスクリプト
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-datetimepicker/2.7.1/css/bootstrap-material-datetimepicker.min.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-datetimepicker/2.7.1/js/bootstrap-material-datetimepicker.min.js"></script> <script> jQuery(function(){ jQuery("#picker").bootstrapMaterialDatePicker({ weekStart:0, format:"YYYY-MM-DD HH:mm" }); }); </script>
コードは ``` と ``` で囲ってください(``` はバッククォート 3 つ)。インデントされて見やすくなるので。
> jQueryのdatepicker
jQuery UI の DatePicker のことを言っているとすると、それは見当たりませんが?
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
と
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
がダブっているようです。
ありがとうございます!
記入の仕方、勉強します!!
おっしゃる通り、
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>と
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>がふたつあり、一つを削除したら動くようになりました!!
ありがとうございました!!!!!!
コメントの以下の件についてはきちんと対応してください。対応というのは、質問欄を編集してコードをインデントすること、jQuery UI の DatePicker のことなのかどうかをクリアにすることです。
すみません!文章を修正しました!
また、jQueryに関しては、「Bootstrap Material DatePicker」と言われるものを使用しました!
以下を参考にしました!
https://deep-blog.jp/engineer/12727/#Bootstrap_Material_DatePicker%E3%81%AE%E8%A8%AD%E5%AE%9A%E6%96%B9%E6%B3%95
対応いただきありがとうございます。
お手数ですが、質問者さんの方で回答欄に解決した方法を書いてこのスレッドをクローズ願います。
承知しました!ありがとうございます!
回答1件
あなたの回答
tips
プレビュー