24

Ich verwende die Datum/Uhrzeit-Picker von Eonasden, die Sie hier finden können. Date Time PickerFehler Bootstrap 3 Datum/Uhrzeit Picker

Ich verwende HTML aus dem Beispiel:

<div class="container"> 
    <div class="col-md-10"> 
     <div class='well'> 
      <div class="form-group"> 
       <div class='input-group date' id='datetimepicker1'> 
        <input type='text' class="form-control" /> 
        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span> 
        </span> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Es zeigt das Symbol in Ordnung, aber nicht der Kalender nach unten fallen. Mein Kopf Skript ist:

<link href="view/dist/css/bootstrap.min.css" rel="stylesheet" media="screen"> 
<link href="view/dist/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen"> 
<link href="http://cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.0.1-p7/css/bootstrap.min.css" rel="stylesheet" > 

<script src="http://code.jquery.com/jquery.js"></script> 
<script src="view/dist/js/bootstrap.min.js"></script> 
<script src="view/dist/js/bootstrap-datetimepicker.min.js"></script> 
<script src="http://cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.0.1-p7/js/bootstrap.min.js"></script> 

$(function() { 

    $(document).ajaxStop(function() { 
    $('#datetimepicker1').datetimepicker(); 
    }); 

}); 

Ich erhalte eine Konsole Fehler „Uncaught Reference: Moment nicht definiert ist“ Hat jemand eine Idee haben, wie dieses Problem beheben? Es scheint gut zu funktionieren auf seiner Beispielseite.

+0

Haben Sie herunterladen moment.js und es von Ihrem Code verweisen? – Aditya

+0

Sie müssen auch das Juwel "momentjs-rails" hinzufügen und dann Ihre Datei "application.js" ändern, um sie vor dem Eintrag "bootstrap-datetimepicker" zu benötigen. – JosephK

Antwort

44

Nach den Beispielen, müssen Sie dies schließen ..

http://momentjs.com/

Es hat nach bootstrap.js sein, aber vor dem datetimepickerjs wie dieses ..

<script type="text/javascript" src="scripts/bootstrap.min.js"></script> 
<script type="text/javascript" src="scripts/moment-2.4.0.js"></script> 
<script type="text/javascript" src="scripts/bootstrap-datetimepicker.js"></script> 

Es zeigt es auf der GitHub readme.

"Datetimepicker requires moment.js."

+2

Das habe ich im GitHub Build nicht gesehen. Wo hast du das gefunden? Ich fügte hinzu, dass es immer noch kein Glück gibt. – user3167249

+0

aktualisiert meine Anwers – ZimSystem

+1

Ich sehe das jetzt. Das Problem wurde jedoch immer noch nicht behoben. Ich bekomme keine Fehler mehr in der Konsole, aber immer noch kein Drop-Down. – user3167249

7

Einmal habe ich sogar den gleichen Fehler bekommen. Ich konnte das beheben, indem ich das Content-Delivery-Netzwerk oder den CDN-Link (Content Distribution Network) der Skriptdatei einschloss.

den Code unten Versuchen:

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.js"></script> 

**Include the above code before looping in the bootstrap-datetimepicker.js