如何禁用今天React之前的日期？

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>
// ...
}