[JavaScript][PHP] dynamiczna podmiana daty w polu input Opcje

[neurogen]

mam prosty formularz. chciałbym aby po kliknięciu w tekst lub przycisk pod formularzem np.za 7 dni zmienił tą datę na +7 dni od dzisiaj nadal zachowując możliwość edycji tej daty w sposób charakterystyczny dla input type=date mimo że nie wszystkie przeglądarki to obsługują. mój obecny kod jest taki jak poniżej, czytałem że taki js może być pomocny ale jak to dokładnie napisać?

jsfiddle


var dateControl = document.querySelector('input[type="date"]');
dateControl.value = '2017-06-01';

[PHP] pobierz, plaintext 
<?php $dzisiaj=date('Y-m-d'); ?>
 
<div style="width:100%;">
<form name='przypomnienie' method='GET' action='zapiszpprzypomnienie.php'>
<div class="form-group">
<table border="0" class="table table-hover">
<thead>
<tr>
<td align='center'>id</td>
<td align='center'>kategoria</td>
<td align='center'>data</td>
</tr>
</thead>
 
<tbody>
<tr>
<td align='center'><input type='text' class='form-control' name='id' value='<?php echo $id; ?>' size='3'></td>
<td align='center'><input type='text' class='form-control' name='kategoria' value='' size='20' autofocus></td>
<td align='center'><input type='date' class='form-control' name='data' value='<?php echo $dzisiaj; ?>' size='15'></td>
</tr>
</tbody>
</table>
 
>>> 7 dni
 
<br/>
<button type='submit' class='btn btn-primary'>zapisz</button>
</form>
</div>
 
[PHP] pobierz, plaintext 

[nospor]

Pobierasz date z input i konwertujesz na obiekt Date
https://stackoverflow.com/questions/5619202...g-to-date-in-js

Do dopiero co utworzonego obiektu dodajesz 7 dni
https://stackoverflow.com/questions/5741632...ipt-date-7-days

Nowa date wpisujesz do input

[neurogen]

ten kod wyświetla alert z datami których potrzebuję więc jestem krok do przodu ale jak teraz ustawić zdarzenie onclick np przycisku button lub element żeby podmienić wartość pola input?

var date = new Date();
date.setDate(date.getDate());

var next3months = date.getDate()+'/'+ (date.getMonth()+3) +'/'+date.getFullYear();
var next6months = date.getDate()+'/'+ (date.getMonth()+6) +'/'+date.getFullYear();
var next1year = date.getDate()+'/'+ (date.getMonth()) +'/'+(date.getFullYear()+1);
var next2years = date.getDate()+'/'+ (date.getMonth()) +'/'+(date.getFullYear()+2);

alert(next3months +'\n' + next6months +'\n' + next1year +'\n' + next2years);

jsfiddle

witam, czy ktoś może pomóc w rozwiązaniu tego problemu?

Ten post edytował neurogen 27.03.2018, 12:47:15