Question

我在我的管理员面板中使用gentelella-1.0.0主题。使用datepicker。

根据以下功能中提到的某些操作，很少会触发事件（显示，隐藏，应用，取消）。当我在chrome中运行我的面板时它工作正常并且在控制台日志中捕获事件但是在firefox中没有调用show事件和其他向前函数

下面的

是日期的div

<div class="col-md-4 col-sm-12 col-xs-12 pull-right">
    <span style="margin-left:58px; margin-bottom:-15px;color:Grey"><strong>Date Range</strong></span>
    <div id="reportrange_right" class="pull-right" style="background: #fff; cursor: pointer; padding: 1.5px 10px; border: 1px solid #ccc">
        <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
        <span id="scheduledate" >2016-05-07 - 2016-06-05</span> <b class="caret"></b>
    </div>
</div>

下面是datepicker的代码

var optionSet1 = {
    startDate: moment(),
    endDate: moment(),
    minDate: '01/01/2000',
    maxDate: moment(),
    dateLimit: {
        days: 60
    },
    showDropdowns: true,
    showWeekNumbers: true,
    timePicker: false,
    timePickerIncrement: 1,
    timePicker12Hour: true,
    ranges: {
        'Today': [moment(), moment()],
        'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
        'Last 7 Days': [moment().subtract(6, 'days'), moment()],
        'Last 30 Days': [moment().subtract(29, 'days'), moment()],
        'This Month': [moment().startOf('month'), moment()],
        'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
    },
    opens: 'left',
    buttonClasses: ['btn btn-default'],
    applyClass: 'btn-small btn-primary',
    cancelClass: 'btn-small',
    format: 'MM/DD/YYYY',
    separator: ' to ',
    locale: {
        applyLabel: 'Submit',
        cancelLabel: 'Close',
        fromLabel: 'From',
        toLabel: 'To',
        customRangeLabel: 'Custom',
        daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
        monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
        firstDay: 1
    }
};

$('#reportrange_right span').html(moment().format('YYYY-MM-DD') + ' - ' + moment().format('YYYY-MM-DD'));

$('#reportrange_right').daterangepicker(optionSet1, cb);

$('#reportrange_right').on('show.daterangepicker', function() {
    console.log("show event fired");
});
$('#reportrange_right').on('hide.daterangepicker', function() {
    console.log("hide event fired");
});
$('#reportrange_right').on('apply.daterangepicker', function(ev, picker) {
    console.log("apply event fired, start/end dates are " + picker.startDate.format('YYYY-MM-DD') + " - " + picker.endDate.format('YYYY-MM-DD'));
});

show.datepicker无法在firefox中运行

0 个答案: