[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