在浏览器上单击任意位置时，防止daterangepicker关闭

Question

如上面问题中提到的那样，如何通过按Apply和Cancel按钮来防止daterangepicker关闭，因为即使不按Apply也触发daterangepicker的所有功能。

下面是我的代码：

的HTML

<input type="text" id="add" placeholder="Select a Start & End Date Here" class="form-control">

javascript

$('#add').daterangepicker({
        autoUpdateInput: false,
        "timePicker": true,
        "autoApply": true,
        "startDate": moment(),
        "endDate": null,
        locale: { 
            format: 'YYYY-MM-DD'
        }
        }, function(start, end, label) {
                var start_date = start.toISOString();
                var end_date = end.toISOString();
                var selected_character_list = character_table.rows('.selected').data();
                if (selected_character_list.length == 0){
                    alert("Select character");
                    return
                }
});

更新 ：这是一个工作示例https://jsfiddle.net/5dxhy8gk/3/

如您所见，如果您在日期范围选择器窗口之外按，则警报功能仍将执行

Answer 1

我遇到了同样的问题，我下载了daterangepicker.min.js并注释了outsideClick主体的方法。

outsideClick: function(t) {
  // var e = R(t.target);
  // "focusin" == t.type || e.closest(this.element).length || e.closest(this.container).length || e.closest(".calendar-table").length || (this.hide(), this.element.trigger("outsideClick.daterangepicker", this))
}

并将js包含在我的文件中

工作示例链接