在瀏覽器上單擊任意位置時，防止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包含在我的文件中

工作示例鏈接