web-dev-qa-db-fra.com

datepicker n'est pas une fonction

Cette question est déjà posée à plusieurs reprises mais aucune d’entre elles n’a fonctionné pour moi. J'essaie d'utiliser ce sélecteur de date dans un fichier JSP. C'est mon script

<head>
<title>My Home</title>
<link rel="stylesheet" type="text/css"
href="../resource/css/page-style.css" />
<link rel="stylesheet" type="text/css"
href="../resource/css/jQuery-ui.css" />
<script src="../resource/js/jquery-1.9.1.js"></script>
<script src="../resource/js/jquery-ui.js"></script>
<script type="text/javascript" src="../resource/js/form-elements.js"></script>

<script type="text/javascript">
$("document").ready(function() {
    $("#shortcuts").load("shortcut.html");
    $("#datepicker").datepicker();
    alert('jQuery is working');
});
</script>
</head>

Le fichier shortcut se charge parfaitement, l'alerte s'affiche également. Je reçois un message d'erreur en tant que TypeError: $(...).datepicker is not a function. Je ne suis pas confronté à ce problème si j'exécute ce script dans un fichier html placé sur mon bureau. Lorsque je copie le code venir dans mon IDE et que je l'exécute, cette erreur s'affiche dans ma console. S'il vous plaît, suggérez-moi que puis-je faire? Je sais que cette question est posée à plusieurs reprises. J'ai vérifié chaque réponse. C'est le seul lien qui correspond à mon prob mais qui n'a pas fonctionné pour moi.

javascriptjqueryjsp
20
NewUser

Le problème vient de vos fichiers importés. Je pense que vous ne les avez pas placés correctement.

Essayez d'importer ces fichiers

 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

Ça marche pour moi.

voir ici pour plus d'informations

39
PSR

Vérifiez bien qu'il n'y a pas de références JQuery after votre référence JQuery-ui.

J'avais une référence JQuery supplémentaire après ma référence JQuery-ui et j'ai perdu une heure à la recherche du problème. Cela causera l'erreur Datepicker not found.

20
Mark Kadlec

C'est quelque chose à voir avec les fichiers d'importation. J'ai également été confronté au même scénario et les importations suivantes m'ont aidé à résoudre le problème suivant: " datepicker n'est pas une fonction ".

    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
    <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
0
Dulith De Costa