Javascript 同一页上的多个日期范围选择器实例

我有两个引导日期范围选择器。当我更改一个选择器的日期时，第二个日期范围选择器中将显示相同的日期

如何将两个日期范围选择器分开，使它们各自独立运行

代码：

第一个日期选取者：

<div id="reportrange" class=" form-control">
<i class="glyphicon glyphicon-calendar fa fa-calendar"></i>&nbsp;
<b class="caret "></b>&nbsp;<span></span> 
</div>

<div id="usersdaterange" class=" form-control"> <i class="glyphicon 
glyphicon-calendar fa fa-calendar"></i>&nbsp;<b class="caret "></b>&nbsp;
<span></span>
</div>

$('#usersdaterange 
span ').on('
  apply.daterangepicker ',function(ev1,picker1) {
  var username1 = $("#userfilter").val();
  var start1 = picker1.startDate.format('YYYY-MM-DD');
  var end1 = picker1.endDate.format('YYYY-MM-DD');
});

$('#reportrange span').on('apply.daterangepicker', function(ev, picker) {
  $("#loader").show();
  var username = $("#userfilter").val();
  var start = picker.startDate.format('YYYY-MM-DD');
  var end = picker.endDate.format('YYYY-MM-DD');
});

---

引导daterangepicker可处理多个现成的实例

$（函数（）{
$（'#dateRange1'）。daterangepicker（{}，onSelect）；
$（'#dateRange2'）.daterangepicker（{opens:“left”}，onSelect）；
});
功能onSelect（开始、结束、标签）{
console.log（“进行了新的日期选择：“+start.format（'YYYY-MM-DD'）+”到“+end.format（'YYYY-MM-DD'）”）；
}

正文{
填充：20px；
}
#dateRange1.form-control，
#dateRange2.form-control{
宽度：45vw；
}
#日期范围1{
位置：绝对位置；
左：10px；
}
#日期范围2{
位置：绝对位置；
右：10px；
}

您的数据库中有错误js@LuisFernando谢谢你的回复。是否要标识该错误？首先，您没有关闭关于on（）的括号。从那一个开始…哦，是的，但同样的问题。但是完整的代码，很难重现