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

Question

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

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

        });
        }  
    });