Convertir date EN en FR dans la page

Version imprimable

22/07/2012, 20h17
seb-65

Convertir date EN en FR dans la page

Bonjour,

Comment faire pour modifier les dates au format EN pour ensuite les afficher au format FR ??

J'ai un tableau HTML qui contient des dates EN je voudrais quelles apparaissent en FR...

Merci
22/07/2012, 21h25
NoSmoking
Bonsoir,
surprenant que tu n'aies rien trouvé!
il existe les méthodes split(), reverse() et join()
Code:

1 2 3 4 var dateEN = '2012/07/22'; var tabEN = dateEN.split('/'); tabEN.reverse(); alert( tabEN.join('/'));

Bonsoir NoSmoking,

Dans mes tests rien de fonctionnel...

Voici un exemple du tableau en question :
Code:

1 2 3 4 5 6 <table> <tr><td valign="top"><a href="789"><img src="0001.png" width="8" height="8" /></a></td><td><a href="789">789</a></td><td>14-Jul-2012 12:04</td><td align="right"> - </td></tr> <tr><td valign="top"><a href="456/"><img src="0001.png" width="8" height="8" /></a></td><td><a href="456/">456/</a></td><td align="right">22-Jul-2012 22:54 </td><td align="right"> - </td></tr> <tr><td valign="top"><a href="123/"><img src="0002.png" width="8" height="8" /></a></td><td><a href="123/">123/</a></td><td align="right">21-Jul-2012 18:44 </td><td align="right"> - </td></tr> </table>
Avec JQuery, je voudrais remplacer automatiquement le format 21-Jul-2012 18:44 en 21/07/2012 18:44

L'utilisateur qui charge la page qui contient le tableau HTML ci-dessus, doit avoir le format de date qui change automatiquement...

( L'idée future aussi; est de placer un sélecteur de langue, qui une fois sélectionné, change automatiquement le format Date/Heure de la table HTML )

Code:

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
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'></script>
<script type="text/javascript">
tabmonth= "Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec";
tabmonth=tabmonth.split(',')
var i=-1
tabdate=new Array();
while (tabmonth[++i]){
tabdate[tabmonth[i]]= (i<10)?"0"+(i+1):i+1
}
 
function month(a,b,c,d){
return b+"/"+tabdate[c]+"/"+d
}
 
function convdate(mydate){
tabmydate=mydate.split(' ')
return tabmydate[0].replace(/(\d+)-([a-z]+)-(\d+)/i,month)+" "+tabmydate[1]
}
 
function back2En(){
 $('table tr').find('td:eq(2)').each(function(idx,elt){
 		$(this).text( Endates[idx] ) 
		})
		}
 
function conv2Fr(){
 $('table tr').find('td:eq(2)').each(function(idx,elt){
 		$(this).text( convdate(Endates[idx]) ) 
		})
 
}
 
$(function(){
Endates=new Array();
$('table tr').find('td:eq(2)').each(function(){
 		Endates.push( $(this).text() ) })
 
$('#fr').click( conv2Fr)
$('#en').click( back2En)
 
 
 
})
 
</script>
</style>
</head>
 
<body>
<table>
<tr><td valign="top"><a href="789"><img src="0001.png" width="8" height="8" /></a></td><td><a href="789">789</a></td><td>14-Jul-2012 12:04</td><td align="right">  - </td></tr>
<tr><td valign="top"><a href="456/"><img src="0001.png" width="8" height="8" /></a></td><td><a href="456/">456/</a></td><td align="right">22-Jul-2012 22:54  </td><td align="right">  - </td></tr>
<tr><td valign="top"><a href="123/"><img src="0002.png" width="8" height="8" /></a></td><td><a href="123/">123/</a></td><td align="right">21-May-2012 18:44  </td><td align="right">  - </td></tr>
</table>
<input type="button" id="en" value="English" />
<input type="button" id="fr" value="Français" />
</body>
</html>

23/07/2012, 10h24
seb-65

Bonjour SpaceFrog

Merci c'est exactement ce que je cherche :ccool:

A++