Date Time Picker

**KatyKatou** · 26/02/2010, 16h44

Bonjour tout le monde,
J'aimerai pouvoir implémenter ce code mais ça marche pas chez moi
http://home.jongsma.org/software/js/datepicker

Quelqu'un a une idée comment faire???
J'ai besoin d'un exemple bien complet (que dois je écrire entre <body> et </body> et entre <javascript> </javascript> ???)

Merci pour votre aide

**tomcruz** · 26/02/2010, 17h05

Poste peut être le code de ta page qu'on puisse voir. Tu dois inclure les librairies Prototype précisées sur la page du gars.

Le tout dernier exemple de la page (entre balises script) devrait fonctionner une fois que tu as inclus tous les fichiers js / css / etc. Tout ce dont tu as besoin dans ta page html (entre les balises body) c'est d'un ou plusieurs input avec l'attribut class="datepicker" : ils seront transformés en datepicker par le code de l'exemple au chargement de la page

**KatyKatou** · 26/02/2010, 17h27

Merci beaucoup pour ta réponse
Au fait, au début j'avais mi <input class="datetimepicker"> alors qu'il fallait mettre <input class="datepicker"> et changer dans la fonction

Voici le code complet, ça pourrait aider d'autres personnes
sinon il reste un tout petit problème le style du <input>, c'est comme ci je travaille sur windows 98, il est bizarre. Je vais voir si je peux règler ça.

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
<!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>Exemple Date/Time Picker</title>
<script type="text/javascript" language="javascript" src="prototype-1.js"></script>
<script type="text/javascript" language="javascript" src="prototype-date-extensions.js"></script>
<script type="text/javascript" language="javascript" src="datepicker.js"></script>
<link rel="stylesheet" href="datepicker.css">
<script language="javascript"> 
function createPickers() { $(document.body).select('input.datepicker').each( function(e) { new Control.DatePicker(e, { 'icon': '/images/calendar.png' , timePicker: true, timePickerAdjacent: true, use24hrs :true }); } ); } Event.observe(window, 'load', createPickers); 
</script>
</head>
<body>
<input class="datepicker">
</body>
</html>