我有两个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');
});