Изменить дату в jQuery Datepicker с выбором другого

Question

Я создаю форму с полями «Дата регистрации», «Дата продления» и «Срок действия».

Дата продления - 3 года, срок действия - 3 года и 2 годаМесяцы

Я хотел, чтобы Дата обновления и Дата обновления действовали автоматически при выборе даты регистрации.

Ниже приведен код, который я использовал для попытки этого ...

    var datePicked = function() {
    var newDate = $("#reg_date").datepicker('getDate'),
    newDay = newDate.getDate(),
    newMonth1 = newDate.getMonth(),
    newMonth = newDate.getMonth()+2,
    newYear = newDate.getFullYear()+3;

    var renDate = new Date(newYear, newMonth1, newDay);
    var validDate = new Date(newYear, newMonth, newDay);

    $("#ren_date").datepicker("setDate", renDate);
    $("#valid_date").datepicker("setDate", validDate);

}

$(function() {      
    $( "#reg_date" ).datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange: '1900:2050',
        dateFormat: 'dd/mm/yy',
        onSelect: datePicked
    });

    $( "#ren_date" ).datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange: '1900:2050',
        dateFormat: 'dd/mm/yy'
    });     

    $( "#valid_date" ).datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange: '1900:2050',
        dateFormat: 'dd/mm/yy'          
    });     

}); 

Ура!

Answer 1

Вы можете использовать событие jQuery "change", чтобы установить другие даты, когда будет выбрана дата регистрации.

$("#reg_date").change(function(){
  var reg_date_val = $(this).val();
  $("#ren_date").val(reg_date_val);
  $("#valid_date").val(reg_date_val);
});