两个日期选择器，并且两者都相互连接您选择一个的日期，另一个自动选择的日期答案

【问题标题】：two datepicker and both are connected with each other you select date of one and another one automatically selected两个日期选择器，并且两者都相互连接您选择一个的日期，另一个自动选择的日期
【发布时间】：2019-08-21 11:35:35
【问题描述】：

我有两个日期选择器（日历），它们都相互连接。当我从中选择一个日期时，应自动选择另一个日期选择器日期。

我正在尝试使用 javascript，但这不起作用。我没有这样做

$(function () {
    $('#example1').daterangepicker({
        showCalendar: true,
        locale: { format: 'DD-MMMM-YYYY' },
        autoApply: true,
    });

    $(function () {
        $('#example2').daterangepicker({
            showCalendar: true,
            locale: { format: 'DD-MMMM-YYYY' },
            autoApply: true,
        });

日期将显示为从任何人中选择的日期

【问题讨论】：

那你想要什么？
我想，当我从一个日期选择器中选择日期时，日期也会从第二个日期选择器中选择
查看This 答案并在该函数中编写一些代码，将另一个的值设置为第一个的值。
您可以在选择第一个日期选择器时设置第二个日期选择器的值。使用第一个的值并将其设置为第二个。
如何设置值？

标签： javascript jquery

【解决方案1】：

HTML：

<input id="from"> <input id="to">

JS：

<script>
  $('#to').datepicker({
    defaultDate: new Date(),
    minDate: new Date(),
    onSelect: function(dateStr)
    {
      $("#to").datepicker( "hide" );
      $('#from').val(dateStr);
      $('#from').focus();

      $('#from').datepicker( "show" );
      $("#from").datepicker( "option", "minDate", finalDate );
    }
  });

  $("#from").datepicker({
    defaultDate: new Date(),
    minDate: new Date(),
    onSelect: function(dateStr)
    {
      $("#from").datepicker( "hide" );
      $('#to').val(dateStr);
      $('#to').focus();

      $('#to').datepicker( "show" );
      $("#to").datepicker( "option", "minDate", finalDate );
    }
  });
</script>

请参阅下面的 jsfiddle：

Datepicker

【讨论】：

【解决方案2】：

以这种方式结帐。

$('#example1').change(function(){
    var value = $(this).val();
    $('#example2').val(value);
});

如果您希望这对任何人都有效，请添加以下内容

$('#example2').change(function(){
    var value = $(this).val();
    $('#example1').val(value);
});

【讨论】：