私はBootstrap v3を使用しており、EonasdanのDateTimePickerを使用したいと考えています。私はすでに他のプロジェクトで問題なく使用しました。私の問題は、入力ボックスをクリックしたときにDateTimePickerが表示されないことです。入力ボックスがあり、入力ボックスに日付が表示されます。ピッカーがポップアップしないだけです。ここに私のコードは次のとおりです。Bootstrap DateTimePicker(Eonasdan)が表示されない
HTML:
<div class="col-md-10" id="mSearchValueInput">
<input id="mSearchValue" type="text" class="form-control date">
</div>
はJavaScript:
<script type="text/javascript">
$(function() {
$('#mSearchValue').datetimepicker();
});
</script>
ライブラリが正しい順序である(と思う)と、彼らは元の状態にあります。
<script src="/Scripts/jquery-3.1.0.js"></script>
<script src="/Scripts/moment.js"></script>
<script src="/Scripts/moment-with-locales.js"></script>
<script src="/Scripts/bootstrap.js"></script>
<script src="/Scripts/bootstrap-datetimepicker.js"></script>
CSS:
<link href="/Content/bootstrap.css" rel="stylesheet"/>
<link href="/Content/bootstrap-datetimepicker.css" rel="stylesheet"/>
<link href="/Content/site.css" rel="stylesheet"/>
まだ、私は何が間違っているのか分かりません。他のすべてのプロジェクトでは、このように機能しました。
誰かが考えているのでしょうか?
おかげ
コメントの一つに@VincenzoCで説明したように
あなたのコードをあまりにも速く読んで、あなたがカレンダーアイコンを使用していないのを見たことがありませんでした。 '即時のjavascriptファイルを' moment' javascriptファイルの前に入れてみてください。 –
現時点、コンポーネントの最後のバージョン(4.17.37)をjQuery v.3で使用することはできません。 'jquery-migrate-3.0.0.js'を使用することを提案する[未解決の問題](https://github.com/Eonasdan/bootstrap-datetimepicker/issues/1684)があります。おそらく問題を解決するオープン[プルリクエスト](https://github.com/Eonasdan/bootstrap-datetimepicker/pull/1664)もあることに注意してください。 – VincenzoC
@BviLLe_Kid:悲しいことに、うまくいきませんでした。プルリクエストに記載されている解決策を試してみました。どうもありがとうございました。 – zoidi