datetimepicker Komponente, die nicht in rechten Ort

Möchte ich datetimepicker verwenden von bootstrap, damit ich Folgen die manuelle Installation der guides auf dieser Website http://eonasdan.github.io/bootstrap-datetimepicker/
Aber ich habe folgenden Fehler:
Nicht abgefangener Fehler: datetimepicker Komponente platziert werden soll, innerhalb eines relativ positionierten container.

Wie es zu lösen?

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

Danke für Eure Antworten...

kannst du ein jsfiddle für Ihr Problem? Sind Sie mit BS2 oder BS3?

InformationsquelleAutor dede | 2015-02-03

  1. 12

    Müssen Sie ein div-container, um die Steuerelemente

    <body>
   <div class="container">
      <div class="row">
          <div class="col-md-6">
              your code snippet here
          </div>
      </div>
   </div>
</body>
    Ich habe versucht, aber es war nichts zu ändern. Ich thougth, das nicht funktioniert.
    perfekt! behoben!!!

    InformationsquelleAutor tire0011

  2. 10

    Ich hatte das gleiche Problem und mein workaround war hinzufügen neue Klasse für meinen datetime-control und selector für es mit position: relative Attribut:

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

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

    Hoffe, das hilft!

    InformationsquelleAutor Andemki

  3. 3

    Ich hatte das gleiche Problem auch.

    Ich es behoben durch hinzufügen einer position relativ zu der Umhüllung div, etwa so:

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

    InformationsquelleAutor Mayas

  4. 1

    Sind Sie mit bootstrap2, versuchen Sie eine andere, datetimepicker, bootstrap2-Unterstützung, d.h. http://tarruda.github.io/bootstrap-datetimepicker/, es scheint http://eonasdan.github.io/bootstrap-datetimepicker/ ist nur für bootstrap3.

    InformationsquelleAutor juliocesar

Schreibe einen Kommentar