Modification de Jquery - DatePicker

**thepopol777** · 12/12/2012, 19h01

Salut à tous!

Je viens ici afin de quémander un brin d'aide, car je me tape la tête contre les murs à essayer de modifier un bout de code.

Pour ceux qui ne connaissent pas DatePicker, c'est un add de JQuery qui permet de récupérer une date dans un formulaire, à l'aide d'un joli calendrier.

Seulement, mon bout de code m'affiche par exemple " 31-12-12 ", et j'aimerai réussir à obtenir plutôt " Mardi 31 Décembre ".

J'avais trouvé sur un forum un bout de code qui permettait d'afficher la date au dessus de la case d'input, mais je n'ai pas réussi à détourner ce fichier pour en faire ce que je voulais....

Voici ce que j'ai pour le moment:

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
66
67
68
69
70
71
72
73
74
75
<html lang="fr">
<head>
	<meta http-equiv="X-UA-Compatible" content="chrome=1">
	<meta charset="utf-8">
	<meta name="Author" content="Daniel Hagnoul">
	<title>Forum jQuery</title>
	<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
    <script charset="utf-8" src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script charset="utf-8" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
 
 
 
    <script>
    $(function() {
        $( "#datepicker" ).datepicker();
    });
    </script>
 
 
</head>
<body>
	<h1>Forum jQuery</h1>
	<div id="conteneur">
 
<div>
<input id="date" type="text" />
 
</div>
 
	</div>
 
	<script>
		$(function(){
 
/* French initialisation for the jQuery UI date picker plugin. */
/* Written by Keith Wood (kbwood{at}iinet.com.au) and Stéphane Nahmani (sholby@sholby.net). */
$.datepicker.regional['fr'] = {
	closeText: 'Fermer',
	prevText: '&#x3c;Préc',
	nextText: 'Suiv&#x3e;',
	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',
	firstDay: 1,
	isRTL: false,
	showMonthAfterYear: false,
	yearSuffix: ''
};
 
$.datepicker.setDefaults($.datepicker.regional['fr']);
 
$('#date').datepicker({
	"onClose": function(dateText, inst){
		var tabDate = dateText.split("-"),
			year = tabDate[2],
			month = parseInt(tabDate[1], 10) - 1,
			day = parseInt(tabDate[0], 10),
			date = new Date(year, month, day);
 
		//console.log(date.getDay());
 
		$("#jour").text($.datepicker.regional['fr'].dayNames[date.getDay()]);
	}
});
		});
	</script>
</body>  
</html>

Merci pour votre aide

**thepopol777** · 12/12/2012, 20h25

Yeah j'ai trouvé, c'etait tout con en fait mon code était bon.

Pour les intéressés, il suffit de remplacer "dd" par "DD" pour avoir le nom du jour. Pareil pour le mois "MM" a la place de "mm".

Voilà

Modification de Jquery - DatePicker

jQuery

Discussions similaires

Partager

Partager