javascript - 是否可以为多个实例重用 flatpickr Pane 的 DOM？

Question

我们正在使用flatpickr提供统一的界面来编辑日期。在一个实例中，有一个包含许多(数百)行的表，每行都有一个日期输入，我们在其中使用 flatpickr。

考虑到一次只会打开一个 flatpickr，是否可以避免在 DOM 中创建数百个隐藏 Pane ，而对所有这些 Pane 使用一个隐藏 Pane ？

Answer 1

所以我们在 AngularJS 应用程序中遇到了类似的问题。我们发现的解决方法是将 FocusHandler 添加到输入字段，在该处理程序内创建 flatpickr 实例，然后在该实例上调用 .open() 。

handleFocus = () => {
  const config = {...}
  this.flatpickrInstance = flatpickr(this.input, config);
  this.flatpickrInstance.open();
};

为了清理，我们还在输入字段中添加了一个 BlurHandler，以在保存的 flatpickr 实例上调用 .destroy()。这里唯一的问题是 .destroy() 会清除输入字段的值，因此我们需要在调用 destroy 后立即设置该值，如下所示:

handleBlur = () => {
  const val = this.flatpickrInstance.input.value;
  this.flatpickrInstance.destroy();
  this.input.value = val
};