Bootstrap DateTimePicker (Eonasdan) не отображается

Я использую Bootstrap v3 и хотел бы использовать DateTimePicker от Eonasdan. Я уже использовал его в другом проекте без проблем. Моя проблема теперь в том, что 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

Извините за мой ответ, я быстро прочитал ваш код и не видел, чтобы вы не использовали значок календаря. Поэтому постарайтесь разместить файлы javascript '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 (4.17.37).

Они suggest с помощью jquery-migrate-3.0.0.js, которые я не пробовал. Существует pull request, который исправил проблему для меня, отредактировав код JavaScript в bootstrap-datetimepicker.js.

источник

2016-07-29 06:32:05 zoidi

Bootstrap DateTimePicker (Eonasdan) не отображается

ответ

Смежные вопросы