javascript - Onchange bootstrap datepicker更改另一个bootstrap datepicker的值

Question

我有 2 个日期选择器，我想更改一个日期选择器的值，并且应为第二个日期选择器设置相同的值

表单 1 日期选择器

<input  name="start" class="date-pick form-control" data-date-format="dd/mm/yyyy" type="text" />

表单 2 日期选择器

  <input  name="start" class="date-pick form-control" data-date-format="dd/mm/yyyy" type="text" />

如果我更改表单 1 日期选择器，它应该自动更改更改第二表单日期选择器

Answer 1

   <input type="text" class="form-control form-control-sm" readonly="" style="background-color:#FFFFFF;" name="txtFdate" id="txtFdate" placeholder="From Date" />
   <input type="text" class="form-control form-control-sm" readonly="" style="background-color:#FFFFFF;" name="txtTdate" id="txtTdate" placeholder="To Date" />


        $("#txtFdate").datepicker({
            format: 'dd-mm-yyyy',
            autoclose: true,
            endDate: '0'
        }).on('changeDate', function (selected) {
            var minDate = new Date(selected.date.valueOf());
            $('#txtTdate').datepicker('setStartDate', minDate);
        });

        $("#txtTdate").datepicker({
            format: 'dd-mm-yyyy',
            autoclose: true,
            endDate: '0'
        })
        .on('changeDate', function (selected) {
            var minDate = new Date(selected.date.valueOf());
            $('#txtFdate').datepicker('setEndDate', minDate);
        });