Je viens de commencer avec BootStrap, cependant bloqué avecUncaught 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 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 dans le dossierWebContent
dans Eclipse mais dans le dossieroutside
deMETA-INF
etWEB-INF
.
Fichiers sous le dossier css
dossier
Fichiers sous le dossier fonts
dossier
Fichiers sous le dossier js
dossier
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
N'importe quelle orientation mériterait d'être notée
Vous utilisez datetimepicker
alors que ce devrait être datepicker
. Selon les docs . Essayez ceci et cela devrait fonctionner.
<script type="text/javascript">
$(function () {
$('#datetimepicker9').datepicker({
viewMode: 'years'
});
});
</script>
J'ai eu le même problème, vous devez d'abord charger le fichier Moment.js!
<script src="path/moment.js"></script>
<script src="path/bootstrap-datetimepicker.js"></script>
C'est un peu tard, mais je sais que cela aidera quelqu'un:
Si vous utilisez datetimepicker
, veillez à inclure les fichiers CSS et JS appropriés. datetimepicker
utilise (notez leurs noms);
et
Sur la question ci-dessus posée par @ mindfreak, le principal problème est dû aux fichiers importés.
Vous utilisez une ancienne version du sélecteur de date js. Mettez à jour datepicker js avec le dernier.
Remplacez votre fichier bootstrap-datetimepicker.min.js par ceci fonctionnera ..
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/3.1.3/js/bootstrap-datetimepicker.min.js"></script>
Vous avez copié le mauvais code.
Allez dans le dossier "/ build" et récupérez le fichier jquery.datetimepicker.full.js ou jquery.datetimepicker.full.min.js si vous voulez la version réduite . :)