Utiliser 3 types de picker dans un même formulaire

**sihamnet** · 14/08/2012, 05h01

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

**sihamnet** · 14/08/2012, 21h38

Salut,

j'ai essayé d’utiliser

Code :

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

jQuery.noConflict();

pour éviter le conflit entre les fichiers ; ça marche juste pour timepicker et pour datepicker mais quand j'ajoute datetime picker ça fonctionne pas

votre aide s'il vous plait

Utiliser 3 types de picker dans un même formulaire

jQuery

Vue hybride

Discussions similaires

Partager

Partager