Question

如上所述，除了按Apply和Cancel按钮之外，如何阻止daterangepicker关闭，因为即使不按Apply也会触发所有功能。

以下是我的代码：

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包含在我的文件中

Working Example link

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

1 个答案: