date_subtract

by Rob

HTML

<body>
 <form class="inception-form" id="inc-date">
    <div class="inc-date-field">
	    <h2>Enter your policy inseption date:</h2>
	    <input type="date" class="inc-date-select" id="inc-date-selected" placeholder="0" size="6" required>
        <input type="submit" value="Calculate dates" id="btn-calc-date">
	</div>
</form>
<p>
<table width="800" border="1">
  <tbody>
    <tr>
      <td><div class="inc-rtrn-date"><p id="180-days">180</p></td>
      <td><div class="inc-rtrn-date"><p id="165-days">165</p></td>
    </tr>
  </tbody>
</table>
</p>

JavaScript

document.getElementById('inc-date').addEventListener('submit', calcdates);

function calcdates(event) {
	
	event.preventDefault();	
	
	var incDate = document.getElementById('inc-date-selected').value;
	
	var incdateresult = (incDate);
	
	document.getElementById("180-days").innerHTML = incdateresult - 180;
	document.getElementById("165-days").innerHTML = incdateresult - 165;
		
}