用flatpickr设置一个变量的minDate

在相关主题或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") }}" >

我正在使用树枝,所以我的console.log将返回今天的日期,但对minDate没有影响。 将来minDate不会是今天的日期,我只是用它来测试。

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

lcmseven 回答:用flatpickr设置一个变量的minDate

根据flatpickr文档

  

日期字符串,必须按时间顺序匹配dateFormat
  YYYY-MM-DD HH:MM

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

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

本文链接:https://www.f2er.com/2962273.html

大家都在问