controle de date(superieur ou inférieur)

Version imprimable

10/05/2006, 12h52
PAYASS59

controle de date(superieur ou inférieur)

bonjour,

j'ai dans un formulaire deux champs dates :

exemple :
date1 et date2
le format est 01-01-2006

je voudrai lors de la validation de mon formulaire faire un controle javascript pour verifier que date1 est < à date2

mais je ne sais pas comment faire ca merci d'avance

Comme aujourd'hui je suis de nonne humeur, je te tappe le code.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 var date1 = date1.split('-'); var date2 = date2.split('-'); if(date2[3] < date1[3]) alert('PAS BON!'); else if(date2[3] == date1[3]) { if(date2[2] < date1[2]) alert('PAS BON!'); else if(date2[2] == date1[2]) { if(date2[1] < date1[1]) alert('PAS BON!'); } }
Bon, c'est un peu rapide, je l'ai pas testé et pas optimisé.

Repasse si c'est pas bon :D

Au fait, c'est bien JJ-MM-AAAA ?

ce qui ferait pour moi

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
var date1 = document.choix_materiel.date1.split('-');
var date2 = document.choix_materiel.date2.split('-');
if(date2[3] < date1[3])
 alert('PAS BON!');
else if(date2[3] == date1[3])
 {
 if(date2[2] < date1[2])
  alert('PAS BON!');
 else if(date2[2] == date1[2])
  {
  if(date2[1] < date1[1])
   alert('PAS BON!');
  }
 }

10/05/2006, 15h23
denisC

C'est dans la :faq: en utilisant les objets Date de javascript:

http://javascript.developpez.com/faq...dates.comparer

IL ne te reste plus qu'à initialiser correctement ces objets Date.
10/05/2006, 15h24
SpaceFrog
l'idée du split est à poursuivre ...
en fait il faut faire un split puis un reverse ...
ensuite les deux dates sont directement comparables ...
Code:

1 2 var date1 = document.choix_materiel.date1.split('-').reverse().join(''); var date2 = document.choix_materiel.date2.split('-').reverse().join('');
10/05/2006, 15h28
PAYASS59

je continue de tester mais excusez moi les gars mais je connais strictement rien au jascript et je fais des efforts

Code:

1
2
3
4
5
6
7
var date1 = document.choix_materiel.date_retrait.split('-').reverse().join('');
var date2 = document.choix_materiel.date_retour.split('-').reverse().join('');
if(date1<date2)
{
window.alert("erreur dans les dates");
   return false;
}

je fais ca mais il y a rien qui se passe et j'ai aucune erreur

ben c'est que tu te trompes dans le sens de comparaison et que tu ne rentres pas dasn le teste ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type='text/javascript'>
var date1="01-01-2005"
var date2="01-01-2006"
var date1 = date1.split('-').reverse().join('');
var date2 = date2.split('-').reverse().join('');
 
 
if(date1<date2)
{
alert("erreur dans les dates");
 
}
</script>

j'ai fait ton test la ca marche pas de problème

par contre quand je fais ca

Code:

1
2
3
4
5
6
7
8
9
10
11
 
var date1=document.choix_materiel.date_retrait;
var date2=document.choix_materiel.date_retour;
var date1 = date1.split('-').reverse().join('');
var date2 = date2.split('-').reverse().join('');
 
if(date1<date2)
{
alert("erreur dans les dates");
return false;
}

plus rien

ca c correct ou je suis trop nul

Code:

1
2
var date1=document.choix_materiel.date_retrait;
var date2=document.choix_materiel.date_retour;

10/05/2006, 15h47
SpaceFrog

.value ?

ca ca marche pas

Code:

1
2
3
4
5
6
7
8
9
10
var date1=document.choix_materiel.date_retrait.value;
var date2=document.choix_materiel.date_retour.value;
var date1 = date1.split('-').reverse().join('');
var date2 = date2.split('-').reverse().join('');
 
if(date1<date2)
{
alert("erreur dans les dates");
return false;
}

Code:

1
2
3
4
5
6
7
8
9
10
var date1=document.forms(['choix_materiel'].elements['date_retrait'].value;
var date2=document.forms(['choix_materiel'].elements['date_retrait'].value;
var date1 = date1.split('-').reverse().join('');
var date2 = date2.split('-').reverse().join('');
 
if(date1<date2)
{
alert("erreur dans les dates");
return false;
}

euh ca ne marchait toujours pas

j'ai modifier un peu mais ca marche toujours as

Code:

1
2
3
4
5
6
7
8
9
10
 
var date1=document.forms['choix_materiel'].elements['date_retrait'].value;
var date2=document.forms['choix_materiel'].elements['date_retour'].value;
var date1 = date1.split('-').reverse().join('');
var date2 = date2.split('-').reverse().join('');
if(date1<date2)
{
alert("erreur dans les dates");
return false;
}

10/05/2006, 16h14
SpaceFrog
Code:

1 2 var date1=document.forms['choix_materiel'].elements['date_retrait'].value; alert(date1)
àprès c'est que ton code html n'est pas bon ou que tu as des names et pas des id ou que tu as un souci d'instanciation ...

je comprends pas j' ai fait ton test ca marche

[CODE]

var date1=document.forms['choix_materiel'].elements['date_retrait'].value;
alert(date1)
[/CODE]

alors j'essaie de faire en mettant le test de controle a = et toujours rien
Code:

1 2 3 4 5 6 7 8 9 var date1=document.forms['choix_materiel'].elements['date_retrait'].value; var date1=document.forms['choix_materiel'].elements['date_retour'].value; var date1 = date1.split('-').reverse().join(''); var date2 = date2.split('-').reverse().join(''); if(date1=date2) { alert("erreur dans les dates"); return false; }

10/05/2006, 16h41
SpaceFrog

parceque la comparaison d'égalité se fait avec "==" et pas "=" tout court ...

je comprends rien ca prend la tete ca ne marche pas

voila mon code pus mon html si ca peut aider

Code:

1
2
3
4
5
6
7
8
9
var date1=document.forms['choix_materiel'].elements['date_retrait'].value;
var date1=document.forms['choix_materiel'].elements['date_retour'].value;
var date1 = date1.split('-').reverse().join('');
var date2 = date2.split('-').reverse().join('');
if(date1==date2)
{
alert("erreur dans les dates");
return false;
}

Code:

1
2
3
4
5
6
7
8
9
10
<table align="center" border="1" width="">
  <tr>
   <td class="ecriture">date du retrait : <input type='text'  name='date_retrait' id="date_retrait" readonly value='' size='10' class='chiffre'>&nbsp;<a href="javascript:NewCal('date_retrait','ddmmyyyy',false,24)"><img src='Images/cal.gif' width='16' height='16' border='0' alt='choisir une date'></a>&nbsp;<img src='Images/croix.gif' onClick="document.choix_materiel.date_retrait.value='';" title='supprimer la sélection'></td>
   <td class="ecriture">heure du retrait : <input type="text" name="heure_retrait"  size="2" maxlength="2" class='chiffre'>h<input type="text" name="min_retrait" size="2" class='chiffre' maxlength="2">min<input type="hidden" name="sec_retrait" size="2" maxlength="2" value='00'>&nbsp;&nbsp;<span style="color:#999999">(hh:mm)</span> </td>
  </tr>
  <tr>
   <td class="ecriture">date de retour :&nbsp;&nbsp;<input type='text'  name='date_retour' id="date_retour" readonly value='' size='10' class='chiffre'>&nbsp;<a href="javascript:NewCal('date_retour','ddmmyyyy',false,24)"><img src='Images/cal.gif' width='16' height='16' border='0' alt='choisir une date'></a>&nbsp;<img src='Images/croix.gif' onClick="document.choix_materiel.date_retour.value='';" title='supprimer la sélection'></td>
   <td class="ecriture">heure du retour  :&nbsp;&nbsp;<input type="text" name="heure_retour" size="2" maxlength="2" class='chiffre'>h<input type="text" class='chiffre' name="min_retour" size="2" maxlength="2">min<input type="hidden" name="sec_retour" size="2" maxlength="2" value='00'>&nbsp;&nbsp;<span style="color:#999999">(hh:mm)</span>  </td>
  </tr>
 </table>

10/05/2006, 16h53
PAYASS59

troooop nul de chez trop null

deuxieme ligne du code c var date2 et non var date1

encore merci pour ton aide
10/05/2006, 17h06
kalash_jako

Trop fort le coup du reverse et du join!

Je ne connaissais pas du tout. (je suis pas trop JS :D plus PHP ;) )