我有两个 Bootstrap 日期范围选择器。当我更改一个选择器的日期时,相同的日期会出现在第二个日期范围选择器中。
如何将两个日期范围选择器分开,使它们各自独立运行?
代码:
第一个日期选择器:
<div id="reportrange" class=" form-control">
<i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
<b class="caret "></b> <span></span>
</div>
第二个日期选择器:
<div id="usersdaterange" class=" form-control"> <i class="glyphicon
glyphicon-calendar fa fa-calendar"></i> <b class="caret "></b>
<span></span>
</div>
JS:
$('#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');
});