在 flatpickr 中允许日期小于 minDate

Question

我有以下代码：

if (setToToday) {
  this.flatpickr({
      minDate: 'today',
      defaultDate: new Date( $(this).attr("date")),
  });
} else {
    flatpickr(this).setDate(new Date( $(this).attr("date") ));
}

现在我想做的是向用户显示一个小于 today 的日期值（如果今天的 attr(date) 更小）。假设今天是 2021-03-03 而之前 selected 的值是 2021-02-02，我想允许用户 select 之前的日期或今天的任何日期。两者之间没有任何关系。我怎样才能在 flatpickr 中做到这一点？

Answer 1

如果您想让某些日期不可供选择，有多种方法可以做到这一点。

禁用特定日期
禁用日期范围
使用函数禁用日期

禁用特定日期

{
    disable: ["2025-01-30", "2025-02-21", "2025-03-08", new Date(2025, 4, 9) ],
    dateFormat: "Y-m-d",
}

禁用日期范围：

{
    dateFormat: "Y-m-d",
    disable: [
        {
            from: "2025-04-01",
            to: "2025-05-01"
        },
        {
            from: "2025-09-01",
            to: "2025-12-01"
        }
    ]
}

通过函数禁用日期：

{
    "disable": [
        function(date) {
            // return true to disable
            return (date.getDay() === 0 || date.getDay() === 6);

        }
    ],
    "locale": {
        "firstDayOfWeek": 1 // start week on Monday
    }
}

Refer to the official documentation for more

在 flatpickr 中允许日期小于 minDate

Allow date less than minDate in flatpickr

javascript

flatpickr