20 votes

datepicker n'est pas une fonction

Cette question a déjà été posée à de nombreuses reprises, mais aucune d'entre elles n'a fonctionné pour moi. J'essaie d'utiliser ce sélecteur de date dans un JSP fichier. Voici 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 shortcut se charge parfaitement, l'alerte s'affiche également. J'obtiens le message d'erreur suivant TypeError: $(...).datepicker is not a function . Je ne rencontre pas ce problème si j'exécute ce script dans un fichier html placé sur mon bureau, lorsque je copie le code come dans mon IDE et que je l'exécute, j'obtiens cette erreur dans ma console. Que puis-je faire, s'il vous plaît ? Je sais que cette question a été posée plusieurs fois, j'ai vérifié toutes les réponses, c'est la seule. lien qui correspond à peu près à mon problème, mais qui n'a pas fonctionné pour moi.

39voto

PSR Points 14768

Le problème se situe au niveau 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>

Cela fonctionne pour moi.

voir ici pour plus d'informations l'information

20voto

Mark Kadlec Points 1938

Vérifier qu'il n'y a pas de références à JQuery après votre référence JQuery-ui.

J'avais une référence JQuery supplémentaire qui venait après ma référence JQuery-ui et j'ai perdu une heure à chercher le problème. Cela provoquera l'erreur "datepicker not found".

1voto

Dulith De Costa Points 3936

Il s'agit d'un problème lié aux fichiers d'importation. J'ai également été confronté au même scénario et les importations suivantes m'ont aidé à surmonter le problème. 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">

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X