javascript - jQuery UI 日期选择器中的静默错误

Question

我遇到了一个非常奇怪的问题。

我正在构建一个报告包，其中一部分使用daterangepicker库来选择一个日期范围。但是，在创建所有内容的函数期间，它只会在到达创建调用时停止$("#date-range-picker").daterangepicker(options)。在通过 daterangepicker、jQuery 和 jQueryUI 跟踪调用一段时间后，我发现调用new Date()失败并出现错误RangeError: Maximum call stack size exceeded，并且似乎里面的代码只是存储了错误并且仍然认为它是一个 Date 对象。

我测试了在脚本在那里暂停时创建一个新日期，它导致了同样的错误。一旦脚本失败，就会发生同样的错误。但不是在脚本开始之前。

更新：我发现了问题，它是 daterangepicker 脚本包含的重复。

Answer 1

如果您在同一页面上多次使用 datepicker，请为 datepicker 使用动态 ID。

$(".any_class").live({

     focus: function(){ 
         var id = $(this).attr("id");
        $( "#"+ id ).datepicker({
        numberOfMonths: 1, 
        yearRange: '1960:2020',
        dateFormat: 'dd-mm-yy',
        showButtonPanel: false,
        changeMonth: true,
        changeYear: true,
        onClose: function(){ /*anything on close*/ }

        });
        }  
    });