jquery Datepicker ne fonctionne pas

jquery Datepicker ne fonctionne pas dans mon code.jquery Datepicker ne fonctionne pas

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 

<head> 


<link rel="stylesheet" type="text/css" href="static/css/start/jquery-ui-1.8.16.custom.css"/> 
    <script type="text/javascript" src="static/js/jquery-1.6.2.min.js"></script> 
    <!-- here are others script i use --> 
    <script type="text/javascript" src="static/js/date.js"></script> 
    <script type="text/javascript" src="static/js/jquery.ui.core.js"></script> 
<script type="text/javascript" src="static/js/jquery.ui.datepicker.js"></script> 



</head> 


    <body> 
    <div id="mainHome" > 
     <!-- bla bla more code... --> 

     <div id="content"> 

     <h1>Add new project</h1> 

     <form action="" id="form2"> 
       <table> 
     <tr> 
     <td class="right">Project Title</td> 
     <td><input type="text" class="textproject" name="projecttitle"/></td> 
     </tr> 
     <tr> 
     <td class="right">Acronym</td> 
     <td><input type="text" class="textproject" name="acronym"/></td> 
     </tr> 
     <tr> 
     <td class="right">Start date</td> 
     <td><input id="datepicker" type="text" class="textdate" name="startdate" /></td> 
     </tr> 
     <tr> 
     <td class="right">End date</td> 
     <td><input type="text" class="textdate" name="enddate" /></td> 
     </tr> 
     <tr> 
     <!-- other html code --> 
     </table> 
     </form> 


     </div> 

     <--! other html code --> 
     </body> 
     </html>

Je n'ai pas mis tout le code. dans le fichier .js appelé date.js j'ai:

$(document).ready(function() { 

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

i tout essayé, mais je ne fonctionne toujours pas!

éditer: Je comprends ce qu'est le problème. En plus d'utiliser la bibliothèque pour le calendrier, j'utilise également une bibliothèque pour un effet de superposition. Selon l'ordre d'inclusion des fichiers ou de l'un ou l'autre mais cela ne fonctionne pas ensemble. Ceci est le code:

<script type="text/javascript" src="static/js/jquery-1.6.2.min.js"></script> 
<script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js">/script> 
<script type="text/javascript" src="static/js/jquery-ui-1.8.16.custom.min.js"></script> 
    <script type="text/javascript" src="static/js/date.js"></script>

Source

2011-09-08 Giovanni

Ouvrez les outils de développement/Firebug dans tout navigateur que vous utilisez et vérifiez la console pour les erreurs. J'ai également remarqué que le nom et l'identifiant ne correspondent pas à votre champ de saisie. – dave

Le navigateur signale-t-il une erreur dans la conciliation? Avez-vous une url en direct que nous pouvons vérifier? – jribeiro

le nom et l'ID ne doivent pas correspondre ... – jribeiro

Votre ordre du script est incorrect.

Mettez d'abord jQuery, puis mettez jQuery UI Custom, puis placez le noyau UI, puis placez le datpicker et ensuite seulement mettez votre fichier JS contenant toute la logique nécessaire.

Ensuite, cela devrait fonctionner.

Sans vouloir vous offenser, n'utilisez-vous pas une version un peu désuète de jQuery? À partir de maintenant, le querypicker jQuery est un composant jQuery UI qui est livré avec le bundle UI. Si vous avez téléchargé la dernière bibliothèque d'interface utilisateur jQuery avec l'outil datepicker ET que vous essayez toujours d'utiliser un autre script datepicker, vous pouvez également obtenir des conflits concernant les noms de fonction (datepicker).

Source

2011-09-08 16:48:11 Artis

Vous devez réorganiser vos balises de script. Modifier l'ordre de vos balises de script de ceci:

<script type="text/javascript" src="static/js/date.js"></script> 
    <script type="text/javascript" src="static/js/jquery.ui.core.js"></script> 
    <script type="text/javascript" src="static/js/jquery.ui.datepicker.js"></script>

à cette

<script type="text/javascript" src="static/js/jquery.ui.core.js"></script> 
    <script type="text/javascript" src="static/js/jquery.ui.datepicker.js"></script> 
    <script type="text/javascript" src="static/js/date.js"></script>

Source

2011-09-08 16:49:23

J'ai téléchargé la dernière version et changé la commande. maintenant j'ai: mais cela ne fonctionne toujours pas – Giovanni

vous avez utilisé un téléchargement personnalisé pour Jquery UI .... avez-vous inclus le datepicker? –

oui ... noyau et datepicker – Giovanni

jquery Datepicker ne fonctionne pas

Répondre

Questions connexes