如何使用 react-calender 禁用过去日期和未来日期？

Question

I have tried various ways to implement it but all I could do is disable specifics days in the calendar. I want to disable future date and disable all previous dates from today.

Answer 1

To disable past dates you declare this function:

const tileDisabled = ({ activeStartDate, date, view }) => {
   return date < new Date()
}

and then you pass it to you calandar like this:

<Calendar tileDisabled={tileDisabled} />

if you want to disbale all the dates (past and future) your function have to return true.