flatpickr：禁用以前选择的日期

Question

我正在开发一个签证计算器，并希望用户能够选择将添加的多个旅行（在单独的字段中选择入境和出境日期）。我只使用JS。 创建新行程时，会打开两个输入字段，它们有各自的 ID。显示日历时，我想禁用所有以前选择的日期（当然还有两者之间的日期）。我怎样才能动态地实现这一点？

newFpEntry = flatpickr(#entryDate${entryDateNum}, {maxDate：新日期（entryDate）.fp_incr（timeFrameValueCalendar）， 禁用：[ ？？？ ] });

希望我能很好地描述我的问题。我很感激任何想法！

Answer 1

所以，我想通了。

1. 我使用 flatpickr 的语法将每个新的日期对（进入和退出）以对象的形式推送到数组（之前定义）中， 将键 from: 分配给值 newEntryDate 并将键 to: 分配给值 newExitDate

   allBlockedDates.push({from: newEntryDate, to: newExitDate});

2. 我将数组插入 flatpickr

   newFpEntry = flatpickr(`#entryDate${entryDateNum}`, { disable: allBlockedDates });

希望这可能对其他遇到类似问题的人有所帮助。