如何在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
相关产品推荐
相关产品推荐

