Filtrage date: mettre la 2e par défaut [Résolu]

[MenphisTimrid]

Bonjour à tous.

J'ai un problème avec le filtrage entre deux dates, en fait je voudrais que lorsque je renseigne la 1ère date dans mon formulaire la seconde prenne la même valeur

j'avais pensé avec un onClick mais je ne sais pas comment le faire...

Code :

1
2
3
4
5
6
7
 <b class="colname">Planifies entre </b> <input id="datdeb" name="datdeb" type="text"  size=10 value="<?echo $d1;?>" />
 
  <IMG style="CURSOR:hand" onClick="popUpCalendar(this, document.formCriteres.datdeb,'dd/mm/yyyy');return false;" alt=" Choisir une date" src="img/ew_calendar.gif"></b>;
 
 <b class="colname">et</b>  <input name="datfin" id="datfin" type="text" size=10  value="<?echo $d2;?>"/>
 
 <IMG style="CURSOR: hand" onClick="popUpCalendar(this, document.formCriteres.datfin,'dd/mm/yyyy');return false;" alt="Choisir une date" src="img/ew_calendar.gif">;

sinon j'avais pensé à intervenir dans la requête sql mais se serait pas le meilleur moyen

Merci à tous

[Benjamin Delespierre]

Hop:

Code :

1
2
3
4
5
6
7
<input id="deb" name="datedebut" type="text" />
<input id="fin" name="datefin" type="text" />
<script type="text/javascript">
document.getElementById('deb').onchange = function () {
  document.getElementById('fin').value = this.value;
}
</script>

C'est moche et ça marche.

[NoSmoking]

Envoyé par Benjamin Delespierre

C'est moche et ça marche.

en quoi est ce moche

[Benjamin Delespierre]

En comparaison à ça:

Code :

1
2
3
$('.deb').change(function (event) {
  $(this).siblings('.fin').val( this.value );
});

J'aime pas bien manipuler des IDs, c'est pas top niveau flexibilité

[MenphisTimrid]

Merci bien pour la réponse ça fonctionne.
Mais serait-il possible de mettre les valeurs dans la seconde zone de texte en ne cliquant que sur la 1ère?

[Benjamin Delespierre]

C'est pourtant ce que le script fait: quand la première change, la seconde aussi. A noter que l'évènement change n'est lancé que lorsque le focus est perdu sur l'élément, si tu veux que ce soit à chaque touche pressée, il faut utiliser keyup.

E.G.

Code :

1
2
3
document.getElementById('deb').onkeyup = function (event) {
  document.getElementById('fin').value = this.value;
}

[MenphisTimrid]

Effectivement je n'avais pas fait attention

Merci bien pour ton aide