Convertir date EN en FR dans la page

**seb-65** · 22/07/2012, 20h17

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

**NoSmoking** · 22/07/2012, 21h25

Bonsoir,
surprenant que tu n'aies rien trouvé!
il existe les méthodes split(), reverse() et join()

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**seb-65** · 22/07/2012, 23h17

Bonsoir NoSmoking,

Dans mes tests rien de fonctionnel...

Voici un exemple du tableau en question :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 )

**SpaceFrog** · 23/07/2012, 09h09

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
<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>

**seb-65** · 23/07/2012, 10h24

Bonjour SpaceFrog

Merci c'est exactement ce que je cherche

A++

Convertir date EN en FR dans la page

jQuery

Vue hybride

Discussions similaires

Partager

Partager