End date calculation from DatePicker and Term input

End date calculation from DatePicker and Term input

I am using a datepicker and have created 3 input fields. 

  1. <label>Start Date:</label>
  2. <input type='text' name='StartDate' id='StartDate' />

  4. <label>Term:</label>
  5. <input type='text' name='Term' id='Term' />

  7. <label>End Date:</label>
  8. <input type='text' name='EndDate' id='EndDate' />

When a date is added into the StartDate and a number is added into term (Years), the end date should equal the StartDate plus the number of term years. Therefore if start date is 01/02/2013 and term is 2 years, the EndDate should be 31/01/2015.

I have created the jQuery code, but can not get the EndDate to calculate correctly when i try and get the value of the term input:
  1. var ContractTerm = $('#Term').val();

However if i manually set the term, it works correctly:
  1. var ContractTerm = 2;
But I need to be able to change the term.

Please see the jQuery code below.

  2. $(document).ready(function() {
  3. // DATEPICKER DATES 7 END CONTRACT CALCULATION
  4. $(function() {
  5. $( "#StartDate, #EndDate" ).datepicker({
  6. defaultDate: "+1w",
  7. dateFormat: 'dd/mm/yy',
  8. changeMonth: true,
  9. numberOfMonths: 1,
  11. onSelect: function( selectedDate ) {
  12. if(this.id == 'StartDate'){
  13. var ContractTerm = $('#Term').val();
  14. //var ContractTerm = 3;
  16. var dateMin = $('#StartDate').datepicker("getDate");
  17. var rMax = new Date(dateMin.getFullYear() + ContractTerm, dateMin.getMonth(),dateMin.getDate() - 1); 
  18. $('#EndDate').val($.datepicker.formatDate('dd/mm/yy', new Date(rMax)));                    
  19. }
  20. }
  21. });
  22. });
  23. });

  25. Thanks,