Discussion :

[anti91]

bonjour à tous ,

voila , je suis plus que débutant en js , et je n'arrive pas à mettre en oeuvre quelques choses qui ne doit pas être bien compliqué :

je m'explique :

j'ai un champ input dans un formulaire ( date_debut ) qui l'on remplit via datepicker .

j'ai un autre input (date_fin) ou je souhaiterais insérer la date sélectionné dans input date_debut , y rajouté 15 mois et l'affiché dans date_fin .

j'arrive à affiché la même date dans le input date_fin , maintenant je souhaiterais lui rajouter 15 mois .....;

voila j'espère avoir été clair dans mes propos ....

merci pour votre aide

voila le code

Code html :

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

1
2
3
<input id="M1" class="datepicker" type="text" name="date_debut"  value="" onchange="javascript:document.getElementById('M2').value=this.value;"><br>
 
<input id="M2" class="mandat" type="text" name="date_fin"  value="" ><br>

[Michel]

en javascript, c'est assez simple
L'astuce consiste à ajouter directement 15 mois au numero du mois actuel

Code :

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

1
2
3
4
5
var d=new Date(); // date du jour
var m=d.getMonth()+15;
d.setMonth(m);
//on vérifie sachant qu'on part de la date actuelle
console.log(d);

[anti91]

bonjour et merci pour ta réponses .

ça à l'air simple comme ça ;-) ....

ma difficulté , c'est associé ton code avec la valeur saisi dans input date_debut ....

je ne sais pas comment récupérer la valeur " this.value " pour lui rajouter les 15 mois ....

[ProgElecT]

Salut

Code :

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

var dateRepondu=new Date(document.getElementById("date_debut").value);

Motif de l'édit:
Il fallait faire
var dateRepondu=new Date(document.getElementsByName(""date_debut").value); ou var dateRepondu=new Date(document.getElementById("M1").value);

[javatwister]

Essaie ça, d'après le code de Michel:

Code javascript :

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

1
2
3
4
5
6
7
8
9
document.getElementById("M1").addEventListener("change",(e) => {
 
	var d=new Date(e.target.value); // date de "M1"
	var m=d.getMonth()+15;
	d.setMonth(m);
	// affectation de la date augmentée à "M2"
	document.getElementById("M2").value=Intl.DateTimeFormat({day:"numeric",month:"numeric",year:"numeric"}).format(d);
},
false)

Ce qui suppose que tu enlèves ton événement onchange de la balise "M1";

[anti91]

merci ,

je test cela et reviens vers vous ....

je n'avais pas vu le message en dessous de ton code javatwister
......

c'est bon cela fonctionne impecc !!!!!!

merci beaucoup pour votre aide ......

c'est donc résolu

[javatwister]

Oui, c'est pourquoi je t'ai donné l'unique code à insérer... en enlevant l'appel de fonction dans la balise.