选择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]);