如何删除 flatpickr 中的默认日期

Question

我面临的问题是我似乎没有找到任何有关取消选择默认日期（当天）的信息。

flatpickr("#datepicker", {
    defaultDate: '',
    dateFormat: "d-m-Y H:i",
    enableTime: true,
    open: true,
    inline: true,
    minDate: "today",
});

我尝试使用“defaultDate”作为网络中的许多示例，但似乎没有任何效果。除了“defaultDate”之外，我在文档中没有找到任何信息。

我也尝试使用 onChange ， onReady 和 onOpen 似乎没有任何效果。

 onChange: function(selectedDates, dateStr, instance) {
                    instance.clear(); 

Answer 1

查看源代码和/或使用 DevTools 检查器，您可以看出罪魁祸首是类

.today

。因此，让我们在打开事件时将其删除。

flatpickr("#date", {

  onOpen: [
    function(selectedDates, dateStr, instance) {
      instance.calendarContainer.querySelectorAll(".flatpickr-day").forEach(elem => elem.classList.remove("today"))
    },
  ],

});

.flatpickr-day.today {
  border-color: transparent !important;
}

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

<input id="date">