Quiero actualizar el marcador de posición de la entrada "Fin" (id="datepicker2) a la fecha 2 semanas después de la fecha de inicio (id=datepicker). Hasta ahora, solo se actualiza el valor de la fecha de finalización cuando el usuario selecciona una nueva fecha de inicio del calendario. En el caso de que el usuario deje la fecha de inicio predeterminada, quiero que vea la fecha de finalización también, no " en 2 semanas ".

HTML

 <form class="reminderControls"> <label for="startDate">Start:</label> <!-- START DATE --> <div class="dateParent"> <input type="text" id="datepicker" value=""> </div> </form> <form class="reminderControls"> <label for="endDate">End:</label> <!-- END DATE--> <div class="dateParent2"> <input type="text" id="datepicker2" value="" placeholder="in 2 weeks"> </div> </form>

JQUERY

 $(function () { $('.dateParent').datepicker({ inline: true, altField: '#datepicker', onSelect: function () { var selectedDate = $('.dateParent').datepicker('getDate'); var endDate = new Date(selectedDate); endDate.setDate(endDate.getDate() + 14); var endDateStr = (endDate.getMonth() + 1) + '/' + endDate.getDate() + '/' + (endDate.getYear() + 1900); $('#datepicker2').val(endDateStr); //changes value of end date } }); $('#datepicker').focus(function (event) { event.preventDefault(); $('.ui-datepicker').addClass('shown'); return false; }); $(document).click(function (event) { if (!$(event.target).is('.dateParent *')) $('.ui-datepicker').removeClass('shown');; }); });

ESTADO PREDETERMINADO (FECHA DE INICIO ES FECHA ACTUAL)

DESPUÉS DE QUE EL USUARIO SELECCIONA UNA FECHA DIFERENTE