Implémenter un datetime picker

**zerros** · 15/01/2013, 08h37

Bonjour,

J'essaie d'implémenter le datetime picker qui est disponible à cette adresse :
http://trentrichardson.com/examples/...ility_examples

Étant sur un serveur n'ayant pas d'accès au net, j'ai télécharger les libs jquery, les css, et les js relatives au timepicker et au slider.

Mais rien ne s'affiche. Pourtant je pense que mon code est tout simple. Voici ma page de test :

Code html :

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
21
22
23
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
		<link href="templates/default/css/jquery-ui1.css" type="text/css" media="all" rel="stylesheet">
		<link href="templates/default/css/jquery-ui-timepicker-addon.css" rel="stylesheet" type="text/css"/>
 
		<script src="libs/jquery-1.8.2.min.js" type="text/javascript"></script>
		<script src="libs/jquery-ui.min1.js" type="text/javascript"></script>
		<script src="libs/jquery-ui-timepicker-addon.js"></script>
		<script src="libs/jquery-ui-sliderAccess.js"></script>
 
		<script type="text/javascript">
                                $('#basic_example_1').datetimepicker();
                </script>
	</head>
 
	<body>
		<input id="basic_example_1" class="hasDatepicker" type="text" value="" name="basic_example_1">
	</body>
</html>

Qu'est ce que je fais de mal ?

**Bovino** · 15/01/2013, 08h44

Déjà traité un nombre incalculable de fois !
Tu appelles ton script sur un élément qui n'existe pas encore dans la page !

**zerros** · 15/01/2013, 08h52

En fait j'ai chercher avec le mot clé datetime, et n'ayant rien trouvé, j'ai poser la question.

Ok, l'élément n'existe pas encore sur la page, mais je ne comprends pas ? Normalement le script est appelé lors du click sur le champ non ?
Dans le cas de mon accordéon, j'ai un document.ready et l'accordéon s'ouvre lorsque je clique dessus.

Cette partie est un peu floue pour moi. Aurais-tu un lien d'un autre topic à me proposer pour ce problème ?

Je vais refaire une nouvelle recherche pour voir.

**Bovino** · 15/01/2013, 08h53

Dans le cas de mon accordéon, j'ai un document.ready et l'accordéon s'ouvre lorsque je clique dessus.

Ben oui, mais là, tu ne l'as pas !

**zerros** · 15/01/2013, 08h57

Ben je ne l'ai pas mis parce que j'ai tout essayé, et rien n'a marché.

Donc voilà mon nouveau code JS avec le document.ready:

Code :

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

1
2
3
4
5
<script type="text/javascript">
			$(document).ready(function() {
				$('#basic_example_1').datetimepicker();
			});
		</script>

Et idem, ça ne fonctionne pas, et rien dans les erreurs de firebug ...

**zerros** · 15/01/2013, 09h08

J'ai trouvé. apparemment ça ne fonctionne pas si je mets un id dans la fonction. il faut mettre une class. Ca fonctionne maintenant.

Merci.

Implémenter un datetime picker [UI]

jQuery

Discussions similaires

Partager

Partager