11544 sujets

JavaScript, DOM et API Web HTML5

[Résolu] Jquery datepiker, qu'est-ce qui cloche ?

Bonjour, en suivent les conseils d'un peu partout sur internet j'essay de faire afficher un datepiker avec jquery en vain, voici ma page html, je pense qu'un habitué saura m'éclairé :

<!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" xml:lang="fr" lang="fr">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link type="text/css" href="js/js/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
	<script type="text/javascript" src="js/js/jquery-ui-1.8.16.custom.min.js"></script>
	<script type="text/javascript" src="js/js/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="js/js/jquery-1.3.2.js" ></script>
  <title></title>
</head>
<body>
<script type="text/javascript">
				$(function(){
						$(\'#datepicker\').datepicker({
							inline: true,
							dateFormat: \'yymmdd\'
						});
				});
				
			</script>
<form action="" method="">
	<input type="text" id="datepicker" name="pipo" />
</form>
</body>
</html>

Modifié par kerti06 (27 Nov 2012 - 10:23)
Bonjour,

Je pense que si tu supprime les caractères d'échappement et que tu ne garde qu'une version de Jquery, ça devrait corriger ton problème.
Effectivement ça marche mieux. Smiley smile
merci
code qui va bien:

<!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" xml:lang="fr" lang="fr">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<script type="text/javascript" src="js/js/jquery-1.6.2.min.js"></script>
	<link type="text/css" href="js/js/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
	<script type="text/javascript" src="js/js/jquery-ui-1.8.16.custom.min.js"></script>
	
	
  <title></title>
</head>
<body>
<script type="text/javascript">
				$(function(){
						$('#datepicker').datepicker({
							inline: true,
							dateFormat: 'yymmdd'
						});
				});
				
			</script>
<form action="" method="">
	<input type="text" id="datepicker" name="pipo" />
</form>
</body>
</html>

Modifié par kerti06 (27 Nov 2012 - 18:40)
Effectivement ça marche mieux. Smiley smile
merci
code qui va bien:

<!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" xml:lang="fr" lang="fr">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<script type="text/javascript" src="js/js/jquery-1.6.2.min.js"></script>
	<link type="text/css" href="js/js/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
	<script type="text/javascript" src="js/js/jquery-ui-1.8.16.custom.min.js"></script>
	
	
  <title></title>
</head>
<body>
<script type="text/javascript">
				$(function(){
						$('#datepicker').datepicker({
							inline: true,
							dateFormat: 'yymmdd'
						});
				});
				
			</script>
<form action="" method="">
	<input type="text" id="datepicker" name="pipo" />
</form>
</body>
</html>
Sujet clos
Aller à