選擇flatpickr輸入的jQuery元素$input._flatpicker

Question

我在我的專案中使用了jquery，並且正在使用flatpickr放置日期下拉框。我需要從我的日期輸入中取得現有的flatpickr實例，但是使用jquery時無法運作。我正在尋找使用jquery從使用jquery的輸入中獲取flatpickr實例的答案。

function flatpickrMinDate($openDate, $closeDate) {
    const fp = $closeDate._flatpickr;
    if (fp === null || fp === undefined) return;
    fp.set('minDate', $openDate.value);
}

// 這個可以工作

flatpickrMinDate(document.querySelector("#dateOpen"), document.querySelector("#dateClosed"));

// 使用jquery，以下程式碼無法運作

flatpickrMinDate($("#dateOpen"), $("#dateClosed"));

在flatpickrMinDate中，$closeDate._flatpickr傳回undefined。它應該傳回一個flatpickr實例，但是傳回的是undefined。

Answer 1

在使用jQuery時，您需要在將DOM元素傳遞給函數之前從jQuery物件中提取它們。使用以下方法之一提取元素：

flatpickrMinDate($("#dateOpen").get(0), $("#dateClosed").get(0));

或

flatpickrMinDate($("#dateOpen")[0], $("#dateClosed")[0]);