如果我们想要实现启用特定日期,而禁用所有其他日期,我们如何在MUI日期 Select 器中做到这一点?
我想只启用7天后和7天之前的日期,所有其他日期都应该被禁用,我们如何才能实现这一点?
我在找类似于https://reactdatepicker.com/#example-include-dates的东西.
我不能使用MUI中的minDate和MaxDateprops ,还有其他选项吗?
如果我们想要实现启用特定日期,而禁用所有其他日期,我们如何在MUI日期 Select 器中做到这一点?
我想只启用7天后和7天之前的日期,所有其他日期都应该被禁用,我们如何才能实现这一点?
我在找类似于https://reactdatepicker.com/#example-include-dates的东西.
我不能使用MUI中的minDate和MaxDateprops ,还有其他选项吗?
你可以使用shouldDisableDate
props 来达到这个目的.你可以找到这个props 的官方MUI文档超过here.为了达到您的目的,您可以遵循下面的示例?
import { DatePicker } from '@mui/x-date-pickers/DatePicker'
<DatePicker
label="My date picker"
shouldDisableDate={(date: any) => {
const today = new Date()
const sevenDaysBefore = new Date(today.getFullYear(), today.getMonth(), today.getDate() - 7)
const sevenDaysAfter = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 7)
// Disable all dates before or after 7 days from today.
return date < sevenDaysBefore || date > sevenDaysAfter
}}
/>
如果需要,您也可以使用minDate
或maxDate
个props 来实现相同的功能.
我希望它能帮上忙.?