javascript - 在 flatpickr 中允许日期小于 minDate
问题描述
我有以下代码:
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
并且之前选择的值是2021-02-02
,我想允许用户选择之前的日期或今天的任何日期。中间什么都没有。我怎么能在 flatpickr 中做到这一点?
解决方案
如果您想让某些日期无法选择,可以使用多种方法。
- 禁用特定日期
- 禁用日期范围
- 使用函数禁用日期
禁用特定日期
{
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
}
}
推荐阅读
- python - 如何在熊猫列中从时间拆分 0000000+00:00
- python - 用于乘法特征的 keras 和 tensorflow 中的神经网络
- list - 来自列表谓词的 Prolog 列表
- lua - 如何反编译 Lua 文件?
- javascript - 如何使用扩展函数将键和值对添加到对象中
- node.js - 我可以将 PowerShell 数组传输到 node.js 吗?
- excel - 如何避免来自 VBA Excel 的空查询的 Power Query 错误?
- html - 如果删除数组中的对象,如何删除本地存储类?
- azure - 如何创建 azure 应用程序或客户端 ID 来获取资源?
- javascript - Uncaught (in promise) DOMException: play() failed 因为用户没有先与文档交互