如何禁用今天之前的日期 反应?

Question

我正在尝试禁用今天之前的日期，因此无法选择它。 这是代码： https://codesandbox.io/s/simple-react-calendar-r1h3b?file=/src/calendar.tsx

如何实施？

Answer 1

我在这里禁用了过去的日期：https://codesandbox.io/s/simple-react-calendar-1n9zk?file=/src/calendar.tsx:2706-2718

const Day = styled.div`
// ...
${props =>
props.isPast &&
css`
color: #eee;
pointer-events: none;
`}
// ...
`
export function Calendar() {
// ...
<Day
key={index}
isToday={d === today.getDate()}
isPast={new Date(year, month, d) < today}
isSelected={d === day}
onClick={() => setDate(new Date(year, month, d))}
>
{d > 0 ? d : ''}
</Day>
// ...
}