我有一个表单，有两个日历/日期选择器字段。
第一场

<div class="input-group date" id="gnd_institutiondate">
                          <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">
                          <span class="input-group-addon">
                             <span class="glyphicon glyphicon-calendar"></span>
                          </span>
                      </div>
<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号场地

<div class="input-group date" id="gnd_courtregisterdate">
                          <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">
                          <span class="input-group-addon">
                             <span class="glyphicon glyphicon-calendar"></span>
                          </span>
                      </div>

型
我想当我从字段1（日历/Datepicker）中选择日期时，它会自动填充字段2（日历/Datepicker）。
(From正在使用Moment.js，DataTables，Select 2，JQuery（JavaScript库）和UI框架是bootstrap。
我想链接两个日期选择器，以便当在一个日期选择器中选择日期时，第二个日期选择器自动采用相同的日期。
请为我或任何Chrome扩展建议一个JavaScript代码.我是编码新手.
下面的代码将处理另一个相同的字段。

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

型