UI Datepicker, impossible de le faire fonctionner

**Garra** · 26/11/2010, 18h58

bonjour à tous

je me sens totalement stupide

je n'arrive pas à faire fonctionner un simple datepicker

au début je croyais que c'était lié à mon jqgrid

mais je me suis fait une page toute simple où il y a :

- la totale au niveau de jquery (j'ai tout installé)
- la totale au niveau d'un modèle

je me suis donc fait une page test.html la plus stupide qui soit:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
 
<script type="text/javascript" src="extranet/js/lib/jquery-1.4.3.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="extranet/css/custom-theme/jquery-ui-1.8.6.custom.css" />
</head>
 
<body>
<input id="titi" width="120px" value="55"  />
</body>
</html>
 
<script>
$(function() {
	$( "#titi" ).datepicker();
});
</script>

et lorsque je clique sur le champ j'ai l'erreur déséspérante:
"cet objet ne gère pas cette propriété ou cette méthode"

quelqu'un avec un peu de lumière??? (je suis dans l'ombre la plus stupide qui soit)

merci

**Garra** · 26/11/2010, 19h10

me revoilà

j'ai ajouté ceci et ça marche

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

bon il m'affiche un truc ENNNNOOOOOOOOOOOOOORME

je ne comprends pas ce qui manque à mon propre include

si vous avez plus de lumière que moi.....

**Korben_Debile** · 26/11/2010, 19h31

Envoyé par Garra

me revoilà
bon il m'affiche un truc ENNNNOOOOOOOOOOOOOORME

Essie d'ajouter en téléchargeant jqueryui ici : http://jqueryui.com/download que je te conseille d'ajouter à ton site au lieu de la faire pointer vers google api

pour la démo : http://jqueryui.com/demos/datepicker/

pour ce qu'il te faut à mon avis, c'est ajouter le css de la librairie téléchargée :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link href="ton chemin /jquery-ui-1.8.X.custom.css" rel="stylesheet" type="text/css" />

tu peux aussi faire un reset css avant de mettre ton css jquery.

et un exemple ici : http://meyerweb.com/eric/tools/css/reset/

**Garra** · 26/11/2010, 19h36

re-bonjour

bon j'ai recupéré le

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript" src="js/lib/jquery-ui.min.js"></script>

qui me manquait

par contre ça m'affiche un calendrier d'une taille IMPRESSIONANTE!!!

dois-je retravailler le css ou c'est quelque chose d'autre???

merci

**Korben_Debile** · 26/11/2010, 19h47

Envoyé par Garra

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript" src="js/lib/jquery-ui.min.js"></script>

Entre les balises <head> et </head> mets ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<link href="ton_chemin/jquery/css/ui-lightness/jquery-ui-1.8.6.custom.css" rel="stylesheet" type="text/css" />
 
<script type="text/javascript" src="ton_chemin/jquery/js/jquery-1.4.2.min.js"></script>
 
<script type="text/javascript" src="ton_chemin/jquery/js/jquery-ui-1.8.6.custom.min.js"></script>

.... sous réserve d'avoir téléchargé sur jqueryui le package et extrait sur ton site

UI Datepicker, impossible de le faire fonctionner

jQuery

Discussions similaires

Partager

Partager