使用 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 将 return 今天的日期，但它对 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

使用 flatpickr 的变量设置 minDate

Setting minDate with a variable with flatpickr

javascript

twig

flatpickr