BootStrap : Uncaught TypeError: $(...).datetimepicker n'est pas une fonction

Je viens de commencé avec BootStrap, cependant brin avec
Uncaught TypeError: $(...).datetimepicker is not a function message d'erreur. Quelqu'un pourrait-il me faire savoir ce qui a disparu avec ce code?

Depuis lors, ont fait référence à plusieurs des questions similaires, mais en vain.

home_page.html

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Health Insurance</title>

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.css">
<link rel="stylesheet" href="js/bootstrap-datepicker.min.css">
<link rel="stylesheet" href="css/bootstrap.css">

</head>

<body>
  <form role="form">

  <div class="form-group form-group-sm">
        <label class="col-sm-2 control-label" for="insuredName">Insured Name :</label>
            <div class="col-sm-3">
                <input class="form-control" type="text" id="insuredName" placeholder="Insured Name">
        </div>
    </div>


    <div class="form-group form-group-sm">
        <label class="col-sm-2 control-label" for="rel_PolicyHolder">Relation with Policy Holder :</label>
        <div class="col-sm-3">
            <input class="form-control" type="text" id="rel_PolicyHolder" placeholder="Relation with Policy Holder"> <br />
            <br />
        </div>
    </div>


<div class="container" >
<div class="col-sm-4" style="height:130px; align:right">

            <div class='input-group date'>
                <input type='text' class="form-control" id='datetimepicker9' /> 
                    <span class="input-group-addon"> 
                            <span class="glyphicon glyphicon-calendar"></span>
                    </span>

            <script src="js/jquery-1.11.2.min.js"></script></script>
            <script src="js/bootstrap.min.js"></script>
            <script src="js/bootstrap-datepicker.min.js"></script>


    <script type="text/javascript">
            $(function () {
            $('#datetimepicker9').datetimepicker({
            viewMode: 'years'
            });
        });
      </script>
     </div>

     </div>
    </div>

 </form>

 </body>
</html>

Tous les fichiers sont placés sous WebContent dossier dans Eclipse mais outside de META-INF et WEB-INF dossier.

Fichiers sous css dossier

bootstrap-theme.css
bootstrap-theme.css.carte
bootstrap-theme.min.css
bootstrap.css
bootstrap.css.carte
bootstrap.min.css
amélioré.css
jquery-ui.css
de l'interface utilisateur.daterangepicker.css

Fichiers sous fonts dossier

glyphicons-les hobbits réguliers.eot
glyphicons-les hobbits réguliers.svg
glyphicons-les hobbits réguliers.ttf
glyphicons-les hobbits réguliers.woff
glyphicons-les hobbits réguliers.woff2

Fichiers sous js dossier

bootstrap-datepicker.min.css
bootstrap-datepicker.min.js
bootstrap.js
bootstrap.min.js
date.js
enhance.min.js
fileinput.jquery.js
jquery-1.11.2.min.js
jquery-1.8.3.min.js
jquery-1.9.0.min.js
jquery-ui.js
npm.js

Message d'erreur

Uncaught TypeError: $(...).datetimepicker is not a function

(anonymous function) @ home_page.html:82

m.Callbacks.j @ jquery-1.11.2.min.js:2

m.Callbacks.k.fireWith @ jquery-1.11.2.min.js:2

m.extend.ready @ jquery-1.11.2.min.js:2

J @ jquery-1.11.2.min.js:2

Toute orientation serait de noter

Vous êtes en train de charger bootstrap-datepicker mais en utilisant datetimepicker. Ces deux séparer les paquets.
C'est $( ... ).datepicker({ options }). Lire bootstrap-datepicker.readthedocs.org/en/latest (il est aussi sur le projet readme)
nope, je suis à l'aide de ce projet dans BS3 que je tape ceci, et c'est le plus certainement datepicker. - Que repo contient à la fois 2 et 3 du code.
Êtes-vous à l'aide de http://eonasdan.github.io/bootstrap-datetimepicker/Installing/?
Nope

OriginalL'auteur mindfreak | 2015-04-30

21

Vous utilisez datetimepicker quand il doit être datepicker. Comme par le docs. Essayez ceci et cela devrait fonctionner.
```
<script type="text/javascript">
  $(function () {
    $('#datetimepicker9').datepicker({
      viewMode: 'years'
    });
  });
 </script>
```
Parfait !!! une Erreur est parti... s'il vous plaît aidez-moi maintenant de me réaligner la date-sélecteur de zone de texte pour qu'elle soit en tandem avec la rangée précédente zone de texte.
De NIce, il fonctionne, mais est-il fournir de l'objet date. J'ai vérifié son string. Allez-vous aider sur ce point ?

OriginalL'auteur
5

C'est un peu tard, mais je sais que cela va aider quelqu'un:

Si vous utilisez datetimepicker assurez-vous d'inclure le droit les fichiers CSS et JS. datetimepicker utilise(Prendre note de leurs noms);

https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css

et

https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js

Sur la question ci-dessus posée par @mindfreak,Le principal problème est dû à des fichiers importés.

OriginalL'auteur
0

Vous les gars copié le mauvais code.

Aller dans le "/build" du dossier et saisir la jquery.datetimepicker.full.js ou jquery.datetimepicker.full.min.js si vous voulez la version compacte.
Il devrait résoudre le problème! 🙂

OriginalL'auteur
0

Vous utilisez une ancienne version du sélecteur de date js. Mise à niveau datepicker js avec la dernière.

Remplacer votre bootstrap-datetimepicker.min.js fichier avec cela fonctionne..
```
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/3.1.3/js/bootstrap-datetimepicker.min.js"></script>
```
OriginalL'auteur

Vous devez vous connecter pour publier un commentaire.