flatpickr:停用以前选择的日期

时间:2019-10-18 13:48:37

标签: calendar calculator flatpickr

我正在使用签证计算器,希望用户能够选择要添加的多次旅行(在单独的字段中选择出入境日期)。我只用JS。 创建新行程时,将打开两个输入字段,它们具有各自的ID。显示日历时,我想禁用所有以前选择的日期(当然还有之间的日期)。我该如何动态实现呢?

newFpEntry = flatpickr(#entryDate${entryDateNum},               {maxDate:新的Date(entryDate).fp_incr(timeFrameValueCalendar),               禁用:[                      ???                       ]                     });

希望我很好地描述了我的问题。我感谢任何想法!

1 个答案:

答案 0 :(得分:0)

所以,我弄明白了。

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

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

      
  2.   
  3. 我将数组插入了flatpickr      
        

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

      
  4.   

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