komponent DateTimePicker nie w odpowiednim miejscu

chcę użyć DateTimePicker z bootstrap więc śledzę ręcznych Instalowanie prowadnic w tym miejscu http://eonasdan.github.io/bootstrap-datetimepicker/ Ale mam następujący błąd: Uncaught Error: DateTimePicker komponent powinien być umieszczony w pojemniku umieszczone względnej.komponent DateTimePicker nie w odpowiednim miejscu

Jak go rozwiązać?

<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>

Podziękuj za odpowiedzi ...

Źródło

2015-02-03 dede

można umieścić jsfiddle swojego problemu? Czy używasz BS2 lub BS3? – Eonasdan

Trzeba div kontenera wokół elementów sterujących

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

Źródło

2015-02-03 08:03:57 tire0011

Próbowałem tego, ale nie było nic do zmiany. Wydaje mi się, że to nie działa. – dede

idealne! naprawiony!!! – CarlosPinedaT

używasz bootstrap2, spróbuj użyć innego DateTimePicker które mają bootstrap2 pomocy IE http://tarruda.github.io/bootstrap-datetimepicker/, wydaje się, że http://eonasdan.github.io/bootstrap-datetimepicker/ jest tylko dla bootstrap3.

Źródło

2015-02-06 18:41:28 juliocesar

miałem ten sam problem i mój obejście było dodać nową klasę dla mojego kontroli datetime i dla niego z selektora atrybutu position: relative:

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

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

nadzieję, że to pomaga!

Źródło

2015-04-11 16:53:11 Andemki

Miałem ten sam problem.

Naprawiłem go poprzez dodanie pozycji względem div owijania, tak jak poniżej:

<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>

Źródło

2015-05-22 09:53:00 Mayas

komponent DateTimePicker nie w odpowiednim miejscu

Odpowiedz

Powiązane problemy