Modifier une sous chaîne de caractères

**PaulineGjm** · 17/12/2011, 14h48

Bonjour,

Dans ma page html, j'ai un champ avec une date de la forme JJ/MM/AAAA en chaîne de caractère. Je récupère les différentes parties de la date avec split('/'). Le problème c'est que je voudrais pouvoir modifier ces champs, c'est à dire JJ, MM, où AAAA. Sauf que ça ne fonctionne pas.

Exactement voilà ce que j'aimerai faire :

Code :

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

1
2
elem = document.getElementById('dateTexte').value.split('/');
elem[1] = elem[1]*1 + 1;

par exemple. C'est tout simplement pas possible ou dois je utiliser une certaine méthode pour parvenir à mes fins ?

Merci de votre attention et bonne journée.

**SpaceFrog** · 17/12/2011, 20h00

Sauf que ça ne fonctionne pas.

On peut voir ton code ?
La methode que tu decris fonctionne...

Tu pourrais aussi passer par la conversion en date ...

**PaulineGjm** · 18/12/2011, 13h46

Le principe c'est que j'ai un champs texte où on peut écrire la date. A partir de ça, je génère le tableau pour représenter le bon mois à la bonne année en calendrier.
Au chargement de la page, la date est celle d'aujourd'hui. On peut changer la date ou non et ensuite demander à générer le tableau. Ca c'est bon ça fonctionne très bien.
A la fin du tableau je rajoute également ce code :

Code :

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

1
2
3
4
5
res = res + "<input type='button' value='+' onclick='date(0)'/> mois";
res = res + "<input type='button' value='-' onclick='date(1)'/>";
res = res + "<input type='button' value='+' onclick='date(2)'/> année";
res = res + "<input type='button' value='-' onclick='date(3)'/>	";
document.getElementById('b2').innerHTML = res;

Donc 4 boutons pour incrémenter ou décrémenter les mois ou les années.

la fonction date :

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
 
function date(nb)
{
	var elem = document.getElementById('dateTexte').value.split('/');
 
	if(nb == 0)
	{
		if(elem[1]*1 == 12)
		{
			elem[1] = 1;
		}
		else
		{
			elem[1] = elem[1]*1 + 1;
		}
	}
	else 
	{
		if(nb == 1)
		{
			if(elem[1]*1 == 1)
			{
				elem[1] = 12;
				elem[2] = elem[2] - 1;
			}
			else
			{
				elem[1] = elem[1] - 1;
			}
		}
		else 
		{
			if(nb == 2)
			{
				elem[2] = elem[2]*1 + 1;	
			}
			else
			{
				elem[2] = elem[2]*1 - 1;
			}
		}
	}
	genereTab();
}

**SpaceFrog** · 18/12/2011, 15h06

Voici une proposition qui passant par les dates ne retourne que des dates valides ...

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<style type="text/css">
input {width:80px;}
</style>
<script type="text/javascript">
function digits(fig){
fig=fig.toString()
fig=fig.replace(/^(\d)$/,"0$1")
return fig
}
 
function getActuel(){
return  document.getElementById('res').innerHTML.split('/')
}
 
function writeDate(outdate){
res=digits(outdate.getDate())
res+='/'+digits(outdate.getMonth()+1)
res+='/'+outdate.getFullYear();
document.getElementById('res').innerHTML=res
}
 
function Modif(u,diff){
tabDate=getActuel();
outd= new Date()
outd.setFullYear(tabDate[2]*1 +((u=="a")?diff:0) );
outd.setMonth( tabDate[1]*1-1 +((u=="m")?diff:0)  );
outd.setDate(tabDate[0]*1+((u=="j")?diff:0) )
writeDate(outd)
}
 
</script>
<title>Nouvelle page 1</title>
</head>
 
<body>
 <div id ="res">01/01/2011</div><br/>
 <input type="button" onclick="Modif('j',1)" value="+jour" /><input type="button" onclick="Modif('m',1)" value="+Mois" /><input type="button" onclick="Modif('a',1)" value="+An" /><br/>
<input type="button" onclick="Modif('j',-1)" value="-jour" /><input type="button" onclick="Modif('m',-1)" value="-Mois" /><input type="button" onclick="Modif('a',-1)" value="-An" /><br/>
 
</body>
 
</html>

A priori sous IE il y a un truc qui le vexe

je cherche

**NoSmoking** · 18/12/2011, 15h18

Envoyé par SpaceFrog

A priori sous IE il y a un truc qui le vexe

je cherche

manque un var devant res, grand classique sous IE

Code :

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

var res=digits(outdate.getDate());

attendu qu'il y a

Code html :

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

 <div id ="res">01/01/2011</div><br/>

essaies en ajoutant
alert( res.tagName);au début de la fonction writeDate

**SpaceFrog** · 18/12/2011, 15h22

Bon avec l'esprit en mode weekend ...

En changeant le nom de la variable, ça fonctionne tout de suite mieux
Merci NoSmo

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<style type="text/css">
input {width:80px;}
</style>
<script type="text/javascript">
function digits(fig){
fig=fig.toString()
fig=fig.replace(/^(\d)$/,"0$1")
return fig
}
 
function getActuel(){
return  document.getElementById('res').innerHTML.split('/')
}
 
function writeDate(outdate){
resp=digits(outdate.getUTCDate());
resp +='/'+digits(outdate.getUTCMonth()+1)
resp +='/'+outdate.getUTCFullYear();
document.getElementById('res').innerHTML=resp
}
 
function Modif(u,diff){
tabDate=getActuel();
outd= new Date()
outd.setUTCFullYear(tabDate[2]*1 +((u=="a")?diff:0) );
outd.setUTCMonth( tabDate[1]*1-1 +((u=="m")?diff:0)  );
outd.setUTCDate(tabDate[0]*1+((u=="j")?diff:0) )
writeDate(outd)
}
 
</script>
<title>Nouvelle page 1</title>
</head>
 
<body>
 <div id ="res">01/01/2011</div><br/>
 <input type="button" onclick="Modif('j',1)" value="+jour" /><input type="button" onclick="Modif('m',1)" value="+Mois" /><input type="button" onclick="Modif('a',1)" value="+An" /><br/>
<input type="button" onclick="Modif('j',-1)" value="-jour" /><input type="button" onclick="Modif('m',-1)" value="-Mois" /><input type="button" onclick="Modif('a',-1)" value="-An" /><br/>
 
</body>
 
</html>

**PaulineGjm** · 18/12/2011, 20h04

D'accord, d'accord
Juste une petite chose, je comprends pas ce que c'est que : (u=="a")?diff:0
Du coup je comprend pas comment ça fonctionne.

**SpaceFrog** · 18/12/2011, 21h44

Au lieu de faire une fonction pour ajouter un jour, une fonction pour supprimer un jour, une fonction pour ajouter un mois .... donc en tout 6 fonctions, j'ai totu regroupé en une seule en passant deux paramètres

l'unité affectée : jour j, mois m, année a,
le nombre ajouté ou supprimé

Code :

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