我正在使用this日期选择器组件,并且正在使用'disablePast'道具。这意味着在日历上,它们显示为灰色,无法选择。如何做到这一点,以便在尝试单击任何禁用日期(过去的日期)时可以创建警报或弹出窗口。谢谢!
<DatePicker
inputVariant='outlined'
disableToolbar
format='dd/MM/yyyy'
margin='normal'
id='Select-Start-Date'
label='Select Start Date'
value={selectedStartDate}
onChange={handleStartDateChange}
inputProps={{ style: { textAlign: 'center' } }
disablePast
/>
答案 0 :(得分:1)
要么分叉该lib来添加所需的功能,要么使用肮脏的钩子,例如注意到已将哪些类添加到了禁用日期,并向文档中添加了一个点击侦听器,以检查click是否在那些类对象区域中