DateTimePicker компонент не в нужном месте

Я хочу использовать DateTimePicker от начальной загрузки, так что я следовать вручную руководствам установки на этом сайте http://eonasdan.github.io/bootstrap-datetimepicker/ Но я получил следующее сообщение об ошибке: неперехваченной Ошибки: DateTimePicker компонент должен быть помещен в относительном позиционированный контейнере.DateTimePicker компонент не в нужном месте

Как это решить?

<div class="control-group form-horizontal "> 
     <label class="control-label">Date</label> 
       <div class="controls" > 
       <input name="datetime" id="datetimepicker4" type="text" class="span4" value="<?php echo $datetime; ?>" > 
           </div> 
          </div> 
<script type="text/javascript"> 
     $(function() { 
      $('#datetimepicker4').datetimepicker(); 
     }); 
    </script>

Спасибо ваше для ваших ответов ...

источник

2015-02-03 dede

Вы можете оставить jsfiddle вашей проблемы? Используете ли вы BS2 или BS3? – Eonasdan

Вам нужен контейнер DIV вокруг управления

<body> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-md-6"> 
       your code snippet here 
      </div> 
     </div> 
    </div> 
</body>

источник

2015-02-03 08:03:57 tire0011

Я пробовал это, но изменить нечего. Я ничего не работаю. – dede

безупречный! исправлено!!! – CarlosPinedaT

Вы используете bootstrap2, попробуйте использовать другие DateTimePicker, которые имеют bootstrap2 поддержки ИЭ http://tarruda.github.io/bootstrap-datetimepicker/, кажется http://eonasdan.github.io/bootstrap-datetimepicker/ только для бутстрапа3.

источник

2015-02-06 18:41:28 juliocesar

Я была такая же проблема, и мой обходной путь был добавить новый класс для моего контроля даты и времени и выбора для него с position: relative атрибутом:

<style> 
    .editor-datetime { 
     position: relative; 
    } 
</style> 

<div class="editor-datetime"> 
    @Html.EditorFor(i => i.StartDate) 
</div>

Надеется, что это помогает!

источник

2015-04-11 16:53:11 Andemki

У меня была такая же проблема.

Я установил его, добавив положение относительно оберточной DIV, например:

<div class="control-group form-horizontal "> 
     <label class="control-label">Date</label> 
       <div class="controls" style="position: relative"> 
       <input name="datetime" id="datetimepicker4" type="text" class="span4" value="<?php echo $datetime; ?>" > 
           </div> 
          </div> 
<script type="text/javascript"> 
     $(function() { 
      $('#datetimepicker4').datetimepicker(); 
     }); 
    </script>

источник

2015-05-22 09:53:00 Mayas

DateTimePicker компонент не в нужном месте

ответ

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