You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Flowbite Datepicker中禁用过去日期?

解决方案

Flowbite的日期选择器支持通过配置minDate选项禁用过去日期,只需在初始化时添加该配置项即可:

修改后的JavaScript代码

import Datepicker from 'flowbite-datapicker/Datepicker';

const datapicker = document.getElementById('mydatepicker');

new Datepicker(datapicker, {
  todayHighlight: true,
  minDate: new Date() // 将最小可选日期设为当前日期
});

说明

  • minDate: new Date()会把可选日期的下限设置为当前系统日期,所有早于今天的日期会自动被禁用,用户无法点击选择。
  • 你也可以传入字符串格式的日期(比如"2024-05-20")来指定自定义的最小可选日期。

内容的提问来源于stack exchange,提问作者CodeLover

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.15 13:44:52