Mise à jour automatique d'un champs date

**chtom** · 27/01/2009, 11h16

Bonjour,

Je souhaite formater automatiquement un champs de formulaire en sortie de zone mais j'y arrive pas...
Le champs de saisi doit normalement contenir une date.
Les formats acceptés pour le formatage automatique sont les suivants :
JJMMYY
JJ/MM/YY
JJMMYYYY
JJ/MM/YYYY

Si la valeur saisie est dans un de ces quatre formats, je cherche à mettre à jour la zone avec la valeur JJ/MM/YYYY. Sinon, je laisse la saisie comme tel.

Quelqu'un pourrait-il m'aider ?

Merci.

**SpaceFrog** · 27/01/2009, 13h48

tu as un debut de code ?

**chtom** · 27/01/2009, 17h45

Envoyé par SpaceFrog

tu as un debut de code ?

Oui... Le voici :

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
 
function FormatDate(zone, d) {
var separateur='/';	
var ok=0;
if (d.length == 6)
{
	var j=(d.substring(0,2));
	var m=(d.substring(2,4));
	var a=(d.substring(4));
	ok=1;
}
else if (d.length == 8)
{
	if (d.substring(2,3) == separateur)
	{
		var j=(d.substring(0,2));
		var m=(d.substring(3,5));
		var a=(d.substring(6));
		ok=1;	
	}
	else
	{
		var j=(d.substring(0,2));
		var m=(d.substring(2,4));
		var a=(d.substring(5));
		ok=1;		
	}
}
else if (d.length == 10)
{
	var j=(d.substring(0,2));
	var m=(d.substring(3,5));
	var a=(d.substring(6));
	ok=1;	
}
 
 
if ( ((isNaN(j))||(j<1)||(j>31)) && (ok==1)) {ok=0;} 
if ( ((isNaN(m))||(m<1)||(m>12)) && (ok==1)) {ok=0;}
if ( isNaN(a) && (ok==1) ) {ok=0;} else {if (a < 100) {if (a < 10) a = (a + 2000); else a = (a + 1900);}}
	zone.value = a;
if (ok==1) {
  var d2=new Date(a,m-1,j);
  j2=d2.getDate();
  m2=d2.getMonth()+1;
  a2=d2.getFullYear();  
 
  if ( (j!=j2)||(m!=m2)||(a!=a2) ){ok=0;}  
  else
  	{zone.value = j2 + separateur + m2 + separateur + a2;
  		}
 }
 
return ok;
}

Marche pas pour l'instant mais il doit pas manquer grand chose : je cherche plus a le faire fonctionner...
Je préfèrerais gérer le problème avec les expressions régulière mais j'y comprends rien

A moins que tu ne pense que ma 1ère direction est la bonne ?

En tout cas merci de m'avoir répondu.

**SpaceFrog** · 27/01/2009, 19h13

oulà ...
mieux vaux passer par une bonne veille expession régulière ...
tu ferait d'une pierre deux coup : le teste de foramt et la decomposition avec la même regExp
je jette un oeil dessus demain

la regExp donnerait ça :

Code :

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

^(\d{2})/?(\d{2})/?(\d{2}\d{2}?)$

après pour tester par rapport a ce pattern et manipuler l'expression je vois ça demain
[edit] heu pas de backrefs ici ^^

il faudra ensuite verifier en plus si il s'agit bien d'une date

**chtom** · 28/01/2009, 09h30

Bonjour,

Merci de ta réponse.
Peux-tu me dire comment exploiter cette expression régulière ?
Comment récupérer le jour, le mois et l'année ?

Merci encore.

**SpaceFrog** · 28/01/2009, 09h57

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
<script type="text/javascript">
 
regDate=new RegExp(/^(\d{2})\/?(\d{2})\/?(\d{2}\d{2}?)$/) ;
function verif(){
Chaine=document.getElementById('indate').value;
alert(Chaine)
if(!regDate.test(Chaine)){alert('format de date non reconnu !');
                          return false;
                          }
else{ Chaine.match(regDate);
      formatDate=RegExp.$1+"/"+RegExp.$2+"/"+RegExp.$3;
      document.getElementById('outdate').innerHTML=formatDate;
      }
}
</script>
 
</head>
 
<body>
<input type='text' id='indate' />
<input type="button" onclick="verif()" value="check date" /><br />
<span id="outdate"></span>
</body>

Attention cela ne vérifie que le format ! pas l'exactitude de la date !!
on peut saisir 99/99/9999 !
il faut coupler cela avec une autre vérifiaction verification dans le else

**chtom** · 28/01/2009, 11h12

MERCI !

Ton expression régulière est ok si on tape :
"01011990" ou "01/01/1990"
mais
"010190" et "01/01/90" ne correspondent pas à ton expression régulière.
Une idée ?

**franculo_caoulene** · 28/01/2009, 11h25

Salut,

chtom, l'intégrité de la date importe-elle? Car avec les expressions rationnelles on pourra taper une date ressemblant à 50/50/1990 ou pire 31/02/2009.

**SpaceFrog** · 28/01/2009, 11h36

oui deslé j'ai modifié par rapport à la première et il en fallait pas :

Code :

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

regDate=new RegExp(/^(\d{2})\/?(\d{2})\/?(\d{2}\d{2}?)$/) ;

mais se pose alors une question ???

comment extrapoles tu les deux premier chiffres de l'année ???
là ça te retourne 25 pour 25 ...
qui te dis que c'est 1925 ou 2025 ???

quel doivent être les deux premiers chiffres par defaut ?

**chtom** · 28/01/2009, 11h48

Envoyé par franculo_caoulene

chtom, l'intégrité de la date importe-elle? Car avec les expressions rationnelles on pourra taper une date ressemblant à 50/50/1990 ou pire 31/02/2009.

L'intégrité de la date est vérifiée au moment d'enregistrer dans la base. C'est juste une aide à la saisie qui est gérée là.

Envoyé par SpaceFrog

mais se pose alors une question ???

comment extrapoles tu les deux premier chiffres de l'année ???
là ça te retourne 25 pour 25 ...
qui te dis que c'est 1925 ou 2025 ???

quel doivent être les deux premiers chiffres par defaut ?

Je pars sur la base suivante :
si l'année est <= a l'année courant alors on cherche à saisir une année 19xx
sinon je suppose que l'année est 20xx

Soit :
010102 => 01/01/2002
251210 => 25/12/1910
310870 => 31/08/1970
311290 => 31/12/1990

C'est une règle que je fixe mais rien n'empêche l'utilisateur de saisir l'année sur 4 chiffres si ca ne lui convient pas....

Envoyé par SpaceFrog

Code :

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

regDate=new RegExp(/^(\d{2})\/?(\d{2})\/?(\d{2}\d{2}?)$/) ;

Je ne vois aucune différence par rapport à la précédente.

**SpaceFrog** · 28/01/2009, 12h09

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
regDate=new RegExp(/^(\d{2})\/?(\d{2})\/?(\d{2}(\d{2})?)$/) ;
function verif(){
Chaine=document.getElementById('indate').value;
if(!regDate.test(Chaine)){alert('format de date non reconnu !');
                          return false;
                          }
else{ Chaine.match(regDate);
      formatDate=RegExp.$1+"/"+RegExp.$2+"/"
		Year=RegExp.$3;
		today=new Date();
		refYear=today.getFullYear().toString().substr(2,2);
 
  	  switch(true){
  	  	case (Year.length==2 && parseInt(Year)> refYear) :	    formatDate+="19"+Year;
  	  																	 break;
		case(Year.length==2 && parseInt(Year)<= refYear)  : 	    formatDate+="20"+Year;
																		 break;
		default 												:		 formatDate+=Year;		
 
	   }
 
 
 
      document.getElementById('outdate').innerHTML=formatDate;
      }
}

**chtom** · 28/01/2009, 12h28

Merci ca fonctionne nickel comme je le souhaitais

Pour info, voici ma procédure de vérif de date correcte :

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
 
function VerifDate(d) {
var separateur='/';
var j=(d.substring(0,2));
var m=(d.substring(3,5));
var a=(d.substring(6));
var ok=1;
if ( ((isNaN(j))||(j<1)||(j>31)) && (ok==1) ) {
 alert('Le jour n\'est pas correct. \n Le format de date est JJ/MM/AAAA'); ok=0;
 }
if ( ( (isNaN(m))||(m<1)||(m>12)) && (ok==1) ) {
 alert('Le mois n\'est pas correct.'); ok=0;
 }
if ( isNaN(a) && (ok==1) ) {
 alert('L\'année n\'est pas correcte.'); ok=0;
 }
if ( ((d.substring(2,3)!=separateur)||(d.substring(5,6)!=separateur)) && (ok==1) ) {
 alert('Les séparateurs des dates doivent être des '+separateur); ok=0;
 }
if (ok==1) {
  var d2=new Date(a,m-1,j);
  j2=d2.getDate();
  m2=d2.getMonth()+1;
  a2=d2.getFullYear();
  //if (a2<=100) {a2=1900+a2}
  if ( (j!=j2)||(m!=m2)||(a!=a2) ) {
    alert('La date '+d+' n\'existe pas !');
  ok=0;
  }
 }
return ok;
}

Mise à jour automatique d'un champs date

JavaScript

Discussions similaires

Partager

Partager