javascript - 使用 flatpickr 设置 minDate 变量

Question

在相关主题或 flatpickr documentation 上找不到任何答案所以在这里发帖希望奇迹出现。

我正在使用 flatpickr，并且必须根据变量设置 minDate。

var $date = $('#calendar').data('date');
console.log ($date); // this will return the correct value

$("#calendar").flatpickr( {
    altInput: true,
    altFormat: "F j, Y",
    dateFormat: "Ymd",
    minDate:  $date , 
    maxDate: new Date().fp_incr(60), // 60 days from now
    disableMobile: "true",
    });

在我的页面上我有

<input id="calendar" placeholder="Pick a date" data-date="{{ "now"|date("Ymd") }}" >

我正在使用 twig，因此我的 console.log 将返回今天的日期，但它对 minDate 没有影响。将来minDate将不会是今天的日期，我只是用它来测试。

在older version of flatpickr中您可以直接设置这些类型的变量，而不是在 js 代码中，但不幸的是，它似乎不再使用了。

Answer 1

根据flatpickr文档

Date Strings, which must match the dateFormat chronologically
YYYY-MM-DD HH:MM

因此，"now"|date("Ymd") 无效，请尝试 "now"|date("Y-m-d")

https://flatpickr.js.org/examples/#supplying-dates-for-flatpickr