一个日期选择器值自动出现在第二个日期选择器中？

Question

我有一个包含日历/日期选择器两个字段的表单..

1号场

<input id="gnd_institutiondate_val" class="form-control" placeholder="DD-MM-YYYY" data-date-format="DD-MM-YYYY" data-inputmask="'mask': '99-99-9999'" required="" name="gnd_institutiondate" type="text">

2号场

<input id="gnd_courtregisterdate_val" class="form-control" placeholder="DD-MM-YYYY" data-date-format="DD-MM-YYYY" data-inputmask="'mask': '99-99-9999'" required="" name="gnd_courtregisterdate" type="text">

我希望当我从字段 1（日历/日期选择器）中选择日期时，它会自动填充到字段 2（日历/日期选择器）中。

（使用 Moment.js 、 DataTables、Select2、JQuery （javascript 库）和 UI 框架是 bootstrap。）

我想链接两个日期选择器，以便在一个日期选择器中选择日期时，第二个日期选择器会自动采用相同的日期。

请为我建议一个 javascript 代码或任何 chrome 扩展...我是编码新手...

以下代码适用于另一个相同的字段。

setTimeout(function() {
    var institutionNoInput = document.getElementById("gnd_institutionno");
    var courtRegisterNoInput = document.getElementById("gnd_courtregisterno");

    institutionNoInput.addEventListener("input", function() {
        courtRegisterNoInput.value = institutionNoInput.value;
    });
}, 1000); // You can adjust the timeout value (in milliseconds) as needed

Answer 1

enter code here
document.getElementById('date1').addEventListener('change',(e)=>{

  document.getElementById('date2').value=e.target.value
})