Discussion :

[UDSP50]

Bonsoir à tous,

j'espère que vous allez pouvoir m'aider car il me manque une chose pour terminer mon projet mais je reste en rade depuis plus de 2 semaines.

voila, j'ai 3 input de type date

Code html :

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

1
2
3
input1 : <input type="date" name="ct_vl" id="ct_vl">
input2 : <input type="date" name="ctvl3" id="ctvl3">
input3 : <input type="date" name="ctvl6" id="ctvl6">

j'aimerai, lorsque je saisi une date dans input1, automatiquement s'inscrive dans le input2 la même date - 3 mois et dans le input3 la même date -6 mois

j'ai fait ça ça marche mais ça m'indique la meme date dans les 3 inputs

Code html :

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

<input type="date" name="ct_vl" id="ct_vl" size="6" maxlength="255" style="text-transform: capitalize; font-size:24px; color:#ffffff; background-color:transparent; border-color:red; text-align:left " onChange="javascript:document.getElementById('ctvl6').value = document.getElementById('ct_vl').value ; javascript:document.getElementById ('ctvl3').value = document.getElementById('ct_vl').value"/>

seulement je n'arrive pas à le faire en retranchant les mois voulus

pouvez vous m'aider au moins sur le deuxieme input

grand merci

[Invité]

Bonjour,

Ce n'est pas une problématique PHP, mais JavaScript (coté client).

(discussion déplacée)

[danielhagnoul]

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
let 
    maintenant = new Date(),
    aujourdhui = new Date();
 
// plus 3 mois
aujourdhui.setMonth(aujourdhui.getMonth() + 3 );
console.log(`aujourdhui + 3 mois = ${ aujourdhui.toLocaleString() }`);
 
// plus 3 mois
aujourdhui.setMonth(aujourdhui.getMonth() + 3 );
console.log(`aujourdhui + 6 mois = ${ aujourdhui.toLocaleString() }`);
 
// maintenant c'est OK mais tenir compte qu'aujourdhui est modifié !
console.log(`maintenant = ${ maintenant.toLocaleString() }`);
console.log(`aujourdhui = ${ aujourdhui.toLocaleString() }`);

Avec moment.js : https://momentjs.com/docs/#/manipulating/add/

Code HTML :

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

1
2
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/locale/fr.js"></script>

Code JavaScript :

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

1
2
3
4
5
6
7
8
9
let aujourdhui = moment();
 
    console.log(`aujourdhui = ${ aujourdhui.format("YYYY-MM-DDTHH:mm:ss.SSSZZ") }`);
 
    aujourdhui.add(3, 'M');
    console.log(`aujourdhui = ${ aujourdhui.format("YYYY-MM-DDTHH:mm:ss.SSSZZ") }`);
 
    aujourdhui.add(3, 'M');
    console.log(`aujourdhui = ${ aujourdhui.format("YYYY-MM-DDTHH:mm:ss.SSSZZ") }`);