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.
Haben Sie herunterladen moment.js und es von Ihrem Code verweisen? – Aditya
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