javascript - Pikaday Datepicker 太多递归/堆栈溢出

Question

我遇到过这个问题 Pikaday

我有一个简单的选择字段，它运行一些 ajax 并将一组中断日期传递给 pikaday 日期选择器。但是，重新构建 pikaday 的日期选择器会引发重新实例化循环错误，当您在 DOM 中的同一元素上重新构建 pikaday 两次时，就会发生该错误。

我用谷歌搜索了一下，找到了一些关于这个问题的帮助 https://github.com/dbushell/Pikaday/issues/382

// Destroy it at some point in the future - 
// NOT really working or helping the loop issue
$('.somefield').pikaday('destroy');

这是最有帮助的一个

https://github.com/dbushell/Pikaday/issues/429

http://codepen.io/thephpjo/pen/pjqavp?editors=1111

上面的codepen很好地展示了使用单元素问题的双实例

onSelect: function() {
     console.log('pong')
}

也就是说，这些解决方案对我的问题没有帮助。我真的只是希望我在这里做了完全错误的事情，因为我需要找出这个“错误”。

也就是说，我已经在 codepen 上运行了这个简单版本的示例。

请注意，选择字段每次都必须重新构建 pikaday，因为将传递一组新的日期。因此，查看错误实际情况的方法是选择一个下拉选项，通过 pikaday-datepicker 选择一个日期，然后再次更改下拉选项并再次使用日期选择器。密切关注控制台。

您将看到它运行了多少次“Hello Again!”。这会导致日期选择器挂起，有时甚至是永久挂起，并引发“太多递归/堆栈溢出”错误。

简化 pikaday 显示错误:http://codepen.io/anon/pen/NpWRZL?editors=1111

Answer 1

事实证明，避免这个愚蠢错误的方法是完全 .remove() 您要应用 pikaday 日期选择器的元素，然后只需通过 .append() 重建该元素，瞧，它已正确重置并生成一个新的元素可以应用日期选择器。