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

Question

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

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

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

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

Answer 1

如果您在同一页面多次使用日期选择器，请为日期选择器使用动态 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*/ }

        });
        }  
    });