web-dev-qa-db-fra.com

Erreur avec Bootstrap 3 Sélecteur de date / heure

J'utilise le sélecteur de date/heure d'Eonasden que vous pouvez trouver ici. Sélecteur de date et d'heure

J'utilise HTML de l'exemple:

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

Il affiche bien l'icône, mais pas la liste déroulante du calendrier. Mon script principal est:

<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();
  });

});

Je reçois une erreur de console "Uncaught ReferenceError: le moment n'est pas défini" Quelqu'un at-il une idée sur la façon de résoudre ce problème? Cela semble bien fonctionner sur sa page d'exemple.

javascriptjquerytwitter-bootstrapdatepickerdatetimepicker
24
user3167249

Selon les exemples, vous devez l'inclure pour ..

http://momentjs.com/

Cela doit être après bootstrap.js, mais avant le datetimepickerjs comme ceci ..

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

Il le montre sur le readme de GitHub.

"Datetimepicker nécessite moment.js."

48
Zim

Solution simple

Une fois même, j'ai eu la même erreur. J'ai pu résoudre ce problème en incluant le réseau de distribution de contenu ou le lien de réseau de distribution de contenu (CDN) du fichier de script.

Essayez le code ci-dessous:

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

Incluez le code ci-dessus avant d'ajouter le bootstrap-datetimepicker.js

8
Gil Baggio