login
administrateur
login
Le 9 juin 2013 à 16 h 40 min   
capture

Arrivée le:  Départ le:  

Facilité le remplissage d’un champ de texte ‘Date’, en l’associant à un calendrier.
Pour cela nous avons besoin de faire appel au plugin JQuery ‘jquery.ui.datepicker-fr.js. En sélectionnant le champ ‘Date’ ci-dessus, le calendrier apparait (voir image ci-contre).
Plusieurs thèmes sont téléchargeables via ce lien. Il ne vous restera plus qu’a l’adapter à votre propre code.

David LAURENT

Code HTML
<html>
	<head>
		<title>Default jQuery Datepicker</title>
		<link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
		<link rel="stylesheet" type="text/css" href="css/datepicker.css">
		<script src="js/jquery-1.5.1.js"></script>
		<script src="js/jquery.ui.core.js"></script>
		<script src="js/jquery.ui.datepicker.js"></script>
        <script src="js/jquery.ui.datepicker-fr.js"></script>
		<script> 
			$(function() {
				$( "#datepicker" ).datepicker();
			});
		</script> 
	</head>
	<body>
			<div style=" width:250px; " class="datepicker">
				<p style="font-size:small;">Date: <input type="text" id="datepicker"></p> 
			</div>
	</body>
</html>
Voir le résultat en sélectionnant le champ ‘Date’

Telechargement

Aucun commentaire »

  1. No comments yet.

RSS feed for comments on this post. TrackBack URL

Leave a comment

Vous devez vous connecter pour publier un commentaire.

Propulsé par WordPress   |   Personnalisé par Webinnov
Haut de page