componente DateTimePicker non nel posto giusto

voglio usare datetimepicker dal bootstrap quindi seguo guide Installazione manuale in questo sito http://eonasdan.github.io/bootstrap-datetimepicker/ Ma devo seguente errore: errore non rilevato: DateTimePicker componente deve essere collocato all'interno di un contenitore posizionato rispetto.componente DateTimePicker non nel posto giusto

Come risolverlo?

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

ringraziare i vostri per le vostre risposte ...

fonte

2015-02-03 dede

di poter inviare un jsfiddle del problema? Stai usando BS2 o BS3? – Eonasdan

Hai bisogno di un div contenitore intorno dei controlli

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

fonte

2015-02-03 08:03:57 tire0011

Ci ho provato, ma non c'era nulla da cambiare. Io penso che non funzioni. – dede

perfetto! fisso!!! – CarlosPinedaT

si utilizza bootstrap2, tenta di utilizzare altri DateTimePicker che hanno bootstrap2 vale a dire il supporto http://tarruda.github.io/bootstrap-datetimepicker/, sembra che http://eonasdan.github.io/bootstrap-datetimepicker/ sia solo per bootstrap3.

fonte

2015-02-06 18:41:28 juliocesar

Ho avuto lo stesso problema e la mia soluzione era aggiungere nuova classe per il mio controllo datetime e il selettore per questo con l'attributo position: relative:

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

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

Spero che questo aiuti!

fonte

2015-04-11 16:53:11 Andemki

Ho avuto lo stesso problema anche.

ho riparato con l'aggiunta di una posizione relativa al div involucro, in questo modo:

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

fonte

2015-05-22 09:53:00 Mayas

componente DateTimePicker non nel posto giusto

risposta

Problemi correlati