datepicker jquery en francais

05 déc. 2011, 03:32

Bonjour,

Pour faciliter la saisie de mes internautes préférés j'ai voulu mettre en place un champ input avec comportement.

Ca marche sauf que malgré mes tentatives je n'arrive pas à afficher le calendrier et la "saisie" en français.

J'ai fait ceci :

<!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>Document sans nom</title>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  <script src="jquery.ui.datepicker-fr"></script><!-- fichier installé en local -->
</head>
<body>
<script>
$(function() {
	$.datepicker.setDefaults( $.datepicker.regional[ "" ] );
	$( "#datepicker" ).datepicker( $.datepicker.regional[ "fr" ] );
});
</script> 
<div><input id="datepicker" type="text"></div>
</body>
</html>

C'est p'tet pas les bonnes librairies ou appels...

Quelqu'un peut m'aider siouplé ?

Féfé

05 déc. 2011, 07:29

Que t'annonce-t-il comme erreur dans la console Javascript de ton navigateur ?

05 déc. 2011, 12:34

Bonjour,
Comme dit xtg, est ce que tu as des messages d'erreur?

Essaye ça :

$(document).ready(function)(){
$('#datepicker').datepicker();
});

à la place de ça :

$(function() {
$.datepicker.setDefaults( $.datepicker.regional[ "" ] );
$( "#datepicker" ).datepicker( $.datepicker.regional[ "fr" ] );
});

Ce n'est pas forcément inutile inutile de mettre la balise form

Ca pourra peut être t'aider : http://liens-geeks.com/tutoriel/2238-tu ... -type-text

Ciao
Jérôme

05 déc. 2011, 16:34

C'est p'tet pas les bonnes librairies ou appels...
Féfé

Concernant le code nécessaire tu peux le construire sur mesure
à cette adresse
Pour avoir le code nécessaire et suffisant (permet d'avoir un code le plus léger possible)
tu déselectionne tout puis tu sélectionne uniquement tes besoins.

06 déc. 2011, 03:00

Sur mon dernier projet, j'ai ça :

Code : Tout sélectionner

jQuery(function($){
	$.datepicker.regional['fr'] = {
		closeText: 'Fermer',
		prevText: '<Préc',
		nextText: 'Suiv>',
		currentText: 'Courant',
		monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin',
		'Juillet','Août','Septembre','Octobre','Novembre','Décembre'],
		monthNamesShort: ['Jan','Fév','Mar','Avr','Mai','Jun',
		'Jul','Aoû','Sep','Oct','Nov','Déc'],
		dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
		dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
		dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'],
		weekHeader: 'Sm',
		//dateFormat: 'dd/mm/yy',
                dateFormat: 'dd/mm/yy',
		firstDay: 1,
		isRTL: false,
		showMonthAfterYear: false,
		yearSuffix: ''};
	$.datepicker.setDefaults($.datepicker.regional['fr']);
});

Et ensuite, un simple :

Code : Tout sélectionner

$(".datepicker").datepicker();

suffit. J'ai eu aussi un moment des problèmes, et je sais que c'est ce code qui avait fait fonctionné le bazar, et sur le projet je l'ai mis directement, ça a fonctionné tout de suite ... Pourquoi faire simple quand on peut faire compliqué ?

19 déc. 2011, 18:04

THANK YOU, CA MARCHE !!!

24 févr. 2012, 15:17

Ou plus simplement, il suffit d'ajouter dans ta page:

Code : Tout sélectionner

<script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/minified/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script>
<script type="text/javascript">
    jQuery(function($){ $.datepicker.setDefaults($.datepicker.regional['fr']); });
</script>

15 juin 2014, 14:41

MERCI INFINIMENT

datepicker jquery en francais

Qui est en ligne