Discussion :

[breizhcola29]

Bonjour,

j'ai un petit soucis de comparaison entres deux dates au niveaux du javascript (date de naissance par rapport à la date du jour ).
Voici le code html du champ date_naissance :

Code html :

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

1
2
3
4
5
<label for="date">Date de naissance :</label>
			<input type="text" id='date_naissance' name="date_naissance" class="mCalendar"
			onblur="verifDate(this)"/>
			<span id="erreurdate"></span></br>
			<script type="text/javascript" src="mCalandar.js"></script>

qui récupérer un champ date du type dd/mm/yyyy.

voici le code de la fonction js :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function verifDate(champ)
{
	var date = new Date();
	var date_n = document.getElementById('date_naissance').value;
	var date2 = new Date(date_n);
	if(date2 < date){
		document.getElementById('erreurdate').innerHTML = 'OK';
		return true;
	}else{
	  document.getElementById('erreurdate').innerHTML = 'Pas OK';
      return false;
	}
}

Merci de vos réponses,
Cordialement,

[autran]

Tu n'as pas de problème.
Simplement, un champ date est au format mm/dd/yyyy et non dd/mm/yyyy

[breizhcola29]

Merci de ta réponse. J'ai trouvé quelque chose afin d'avoir les mêmes format :

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
 
function verifDate(champ)
{
	var date = new Date();
	var day = date.getDate();
	var month = (date.getMonth()+1);
	var year = date.getFullYear();
 
	var date2 = (day+"/"+month+"/"+year);
	alert(champ.value);
	alert(date2);
	if(champ.value < date2){
		document.getElementById('erreurdate').innerHTML = 'OK';
		return true;
	}else{
	  document.getElementById('erreurdate').innerHTML = 'Pas OK';
      return false;
	}
}

Quand je fais les alert, je vois bien qu'elle sont au même format mais quand je fais des tests, il me dit que 6/11/2015 est > à 15/11/2015 ..

Cdtl,

[sekaijin]

la comparaison de chaine de caractère se fait successivement caractère par caractère
donc lors que tu compare "6/11/2015" à "15/11/2015"
tu commence par le premier caractère
6 > 1 donc la chaine est supérieure "6/11/2015" > "15/11/2015"

au lieu de comparer des date tu compare des chaine ça n'a pas de sens.

pour comparer des date il te faut des dates

Code :

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

1
2
3
4
5
6
7
8
9
10
var date = new Date();//maintenant
 
// pour le champs il est au format dd/mm/yyyy alors que le constructeur de date attends mm/dd/yyyy
// on parse la string du champ pour récupérer chaque partie
var res = champ.value.match(/([0-9]{1,2})\/([0-9]{1,2})\/([0-9]{4})/);
//on construit la date
var date2 = new Date(res[1]+"/"+res[0]+"/"+res[2]);
if (date < date2) {
  ...
}

mais attention l'objet de type date n'est pas une date mais un instant il comporte donc des heure minutes et seconde
donc si tu utilise telle quelle la méthode ci dessus lorsque tu saisie la date du jour
tu aura comme résultat que date est supérieure à date2 car date est à une heure postérieure à 0:00:00

A+JYT

[breizhcola29]

J'ai encore un petit soucis =) voici le code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function verifDate(champ)
{
	var date = new Date();
	var res = champ.value.match(/([0-9]{1,2})\/([0-9]{1,2})\/([0-9]{4})/);
	var date2 = new Date(res[1]+"/"+res[0]+"/"+res[2]);
	if(date < date2){
		document.getElementById('erreurdate').innerHTML = ' Pas OK';
		return false;
	}else{
	  document.getElementById('erreurdate').innerHTML = 'OK';
      return true;
	}
}

il rentre toujours dans le else mais jamais dans le if. J'ai aussi changé le type de mon champ date dans le formulaire pour le passer de date à text.

Cdtl,

[sekaijin]

sorry j'ai oublié que la regexp matchait aussi la date entière

Code :

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

1
2
3
var res = champ.value.match(/([0-9]{1,2})\/([0-9]{1,2})\/([0-9]{4})/);
	var date2 = new Date(res[2]+"/"+res[1]+"/"+res[3]);
	if(date < date2){

la valeur de res est

Code :

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

["16/11/2015", "16", "11", "2015"]

A+JYT