Bootstrap DateTimePicker（Eonasdan）未顯示

我正在使用Bootstrap v3並希望使用Eonasdan中的DateTimePicker。我已經在其他項目中使用它，沒有任何問題。我現在的問題是，當點擊輸入框時，DateTimePicker沒有顯示出來。輸入框在那裏，日期顯示在輸入框中。只有Picker沒有彈出。這裏是我的代碼：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"/>

不過，我不知道我在做什麼錯。在我所有的其他項目中，它都是這樣工作的。

也許這裏有人有一個想法？

感謝

來源

2016-07-28 zoidi

對不起，我的答案太快，並且沒有看到您沒有使用日曆圖標..所以請嘗試在'moment'之前放置'bootstrap' javascript文件 –

此刻，該組件的最新版本（4.17.37）不能與jQuery v.3一起使用。有一個[開放問題]（https://github.com/Eonasdan/bootstrap-datetimepicker/issues/1684）建議使用'jquery-migrate-3.0.0.js'。請注意，還有一個開放的[pull request]（https://github.com/Eonasdan/bootstrap-datetimepicker/pull/1664）可能會解決問題。 – VincenzoC

@BviLLe_Kid：可悲的是，這沒有奏效。我嘗試了拉請求中描述的解決方案，它工作。非常感謝你。 – zoidi

正如@VincenzoC在評論中一項記載在與jQuery V3和的DateTimePicker的最後一個版本（37年4月17日）的那一刻的問題。

他們suggest使用jquery-migrate-3.0.0.js，我沒有嘗試。有一個pull request，它通過編輯bootstrap-datetimepicker.js中的JavaScript代碼解決了我的問題。

來源

2016-07-29 06:32:05 zoidi

Bootstrap DateTimePicker（Eonasdan）未顯示

回答

相關問題