Как я могу получить будущую дату месяц и год, введя дату открытия и месяц продолжительности, используя JavaScript

Question

когда я выбираю дату и вводим продолжительность месяца, тогда в другом поле будет отображаться целевая дата

как я могу это реализовать, пожалуйста, кто-нибудь, помогите мне сделать это. Моя форма это

// I have tried to do that
$("#duration").keyup(function(){
  var duration = $(this).val();
  var open_date = $("#openDate").val();
  // i want to use same function and method
  // here will next code
 var targetDate = new Date(open_date);
 targetDate.setMonth(targetDate.getMonth() + duration);
 var dd = targetDate.getDate();
 var mm = targetDate.getMonth() + 1;
 var yyyy = targetDate.getFullYear();
 var dateString = dd + "/" + mm + "/" + yyyy;
 $('#targetDate').val(dateString);
   // i have do that but do not get my espect out put
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Open Date :
<input type="date" id="openDate"><br><br>
Duration Month:
<input type="text" id="duration" placeholder="mm"><br><br>
Target Date :
<input type="text" id="targetDate" placeholder="dd-mm-yyyy">

Answer 1

Пожалуйста, попробуйте это:

$("#duration").keyup(function(){
  var duration = $(this).val();
  var open_date = $("#openDate").val();
  // i want to use same function and method
  // here will next code
 var targetDate = new Date(open_date);
 targetDate.setMonth(targetDate.getMonth() + parseInt(duration));
 var dd = targetDate.getDate();
 var mm = targetDate.getMonth() + 1;
 var yyyy = targetDate.getFullYear();
 var dateString = dd + "/" + mm + "/" + yyyy;
 $('#targetDate').val(dateString);
   
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
   Open Date :
<input type="date" id="openDate"><br><br>
Duration Month:
<input type="text" id="duration" placeholder="mm"><br><br>
Target Date :
<input type="text" id="targetDate" placeholder="dd-mm-yyyy">