Bonjour,

j'ai implémenté un datetime picker, un timepicker et un datepicker dans des différents input de mon formulaire et j'ai importé tout les fichiers nécessaire,

le probleme c'est quand j'implemente un picker tout seul dans un formulaire ça fonctionne mais quand j'essaye de les regrouper dans un seul formulaire ça marche pas

je suis nulle en JQueryt ,j'ai essyé pas mal de fois de fusionner les 3 code (chaque code pour chaque picker) mais je n'arrive pas à detecter l'erreur
SVP aidez moi à la trouver

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<html>
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
		<meta name="Keywords" content="jQuery, UI, datepicker, timepicker, datetime, time, format" />
 
<title>essai</title>
<!--***************dateTimePicker(addon)***************-->
<link rel="stylesheet" media="all" type="text/css" href="jquery-ui.css" />
<link rel="stylesheet" media="all" type="text/css" href="jquery-ui-timepicker-addon.css" />
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery-ui.min.js"></script>
<script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="jquery-ui-sliderAccess.js"></script>
<!--*****************TimePicker************************-->
<link type="text/css" href="jquery-ui-t.css" rel="stylesheet" />
<link type="text/css" href="jquery-ui-timepicker.css" rel="stylesheet" />
<script type="text/javascript" src="jquery.min-t.js"></script>
<script type="text/javascript" src="jquery-ui.min-t.js"></script>
<script type="text/javascript" src="jquery.ui.timepicker.js"></script>
<!--*****************DatePicker************************-->
<link type="text/css" href="jquery-ui-1.8.22.custom.css" rel="stylesheet" />
<script type="text/javascript" src="jquery-1.7.2.min-d.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.22.custom.min.js"></script>
 
 
 
<script type="text/javascript">
$("document").ready(function(){
     $('#startTimeID').datetimepicker({
	       showSecond: true,
	       timeFormat: 'hh:mm:ss',
	       onSelect: function(dateText, inst){
		      if(window.console) console.log(dateText);
	       }
     })
 
     $("#timepicker").timepicker();
 
     $("#datepickerID1").datepicker({
		   dateFormat: 'dd/mm/yy',
	 })
 
	 $("#datepickerID2").datepicker({
 
           dateFormat: 'dd/mm/yy',
		   changeYear: true,
		   changeMonth: true,
	})
 
});
</script>
 
 
</head>
<body>
		<div>
			time<input type="text" name="startTimeID" id="startTimeID" value="" />
		    at<input type="text" name="timepicker" id="timepicker" value="" />
			from<input type="text" name="datepickerID1" id="datepickerID1" value="" />
			till<input type="text" name="datepickerID2" id="datepickerID2" value="" />
 
		</div>
</body>
</html>
Merci d'avance