如何禁用今天之前的日期 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>

// ...

}