Pourquoi est-jqueryUI datepicker de lancer une erreur?

J'essaie de jqueryUI, mais firebug attrape le message d'erreur suivant sur ce script:

$(function(){$("#date").datepicker()});

Firebug l'erreur se lit comme suit:

$("#date").datepicker is not a function

Sur mon html, le "date" id ressemble à ceci:

<input type="text" name="date" id="date" >

NB: j'ai utilisé le bon JqueryUI css/js des scripts sur la section

Rien n'est en cours d'exécution...

OriginalL'auteur Gath | 2009-04-03

  1. 3

    jQuery documentation dit, vous pouvez appeler le datepicker par cette commande:

    $("#datepicker").datepicker();

    Si vous cliquez sur "afficher la source" bouton sur la page de documentation vous pouvez voir qu'ils ont enveloppé dans le prêt fonction:

    $(document).ready(function(){
    $("#datepicker").datepicker();
  });

    EDIT: Il devrait travailler avec d'ENTRÉE (merci de souligner ce point Steerpike). C'est le test que j'ai écrit et qu'il fonctionne, essayez-le vous-même:

    <html>
<head>
  <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
  <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.datepicker.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){
    $("#datepicker").datepicker();
  });
  </script>
</head>
<body>
  <input type="text" id="datepicker" value="this is a test">   
</body>
</html>
    Néanmoins, il ne marche pas! merci d'essayer.
    Vous avez besoin de joindre le datepicker pour un DIV ou un SPAN. Essayez à nouveau s'il vous plaît.
    Désolé, j'ai hate de downvote, mais c'est tout simplement incorrect que vous ne pouvez pas joindre le datepicker() pour un champ de saisie. Tout simplement parce que la démo ne montre pas cela ne signifie pas que vous ne pouvez pas le faire. (Il sorte de rendre le datepicker assez inutile si vous ne pouvez pas joindre des champs de saisie)
    vous êtes correct. La documentation dit de l'attacher à un DIV ou un SPAN, mais après un essai avec une ENTRÉE, j'ai eu un contrôle de calendrier après la sélection de la commande d'ENTRÉE.
    De son travail, n'avait pas inclus le bon en-têtes (headers ui.datepicker.js)

    OriginalL'auteur RuudKok

  2. 2

    Vous êtes presque certainement pas le chargement de la datepicker plugin correctement. Veuillez nous fournir le code que vous utilisez pour inclure des fichiers javascript.

    Si vous continuez à avoir des problèmes, de chargement de jquery et de l'INTERFACE utilisateur de l'api de google.

    <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
    google.load("jquery", "1.3.2");
    google.load("jqueryui", "1.7.0");
</script>
    +1 ton commentaire m'a mené droit de fournir la solution de cette question 😉

    OriginalL'auteur Steerpike

  3. 2

    pour moi, c'était juste l'affaire de s'assurer de l'jquery ui était la dernière de la liste de tous les js comprend.

    OriginalL'auteur Darren

  4. 1
     $(document).ready(function(){
  //Your code here
 });

    assurez-vous que votre fonction est à l'intérieur de l' .prêt pour fonction principale.

    OriginalL'auteur Rick J

  5. 1

    C'est un vieux post, mais je suis arrivé ici lors de la recherche d'une solution afin que les gens encore lire 😉 j'ai ou plutôt eu le même problème. Dans mon cas, il s'est avéré que j'attache la js dans le code html dans le mauvais sens (avis de quelle manière j'étais fin script tag)

    MAL: <script type="text/javascript" src="/fbo/js/jquery-ui-1.8.14.custom.min.js"/>

    BON: <script type="text/javascript" src="/fbo/js/jquery-ui-1.8.14.custom.min.js"></script>

    Quand je faisais dans le mauvais sens, j'ai eu le même message d'erreur.

    OriginalL'auteur emstol

  6. 0

    Vous sont probablement de chargement prototype.js ou d'une autre bibliothèque qui utilise $ en tant qu'alias.

    Essayer de remplacer $ avec jQuery.

    OriginalL'auteur kgiannakakis