1

私は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で説明したように
+0

あなたのコードをあまりにも速く読んで、あなたがカレンダーアイコンを使用していないのを見たことがありませんでした。 '即時のjavascriptファイルを' moment' javascriptファイルの前に入れてみてください。 –

+1

現時点、コンポーネントの最後のバージョン(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

+0

@BviLLe_Kid:悲しいことに、うまくいきませんでした。プルリクエストに記載されている解決策を試してみました。どうもありがとうございました。 – zoidi

答えて

1

は、jQueryのV3とのDateTimePickerの最後のバージョン(4.17.37)と現時点では問題があります。

suggest jquery-migrate-3.0.0.jsを使用していますが、これは試していません。 pull requestがあり、bootstrap-datetimepicker.jsのJavaScriptコードを編集して問題を解決しました。

関連する問題