ABOUTYOU
2022-09-02 10:52:58
我正在嘗試禁用今天之前的日期,因此無法選擇它。代碼如下:https://codesandbox.io/s/simple-react-calendar-r1h3b?file=/src/calendar.tsx如何實施?
1 回答

aluckdog
TA貢獻1847條經驗 獲得超7個贊
我在這里禁用了過去的日期: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>
// ...
}
添加回答
舉報
0/150
提交
取消