muidatebox 如何限制只能选择昨天和今天日期
时间: 2024-02-17 16:02:35 浏览: 125
要限制只能选择昨天和今天的日期,你可以通过设置 Mui Datebox 的 `minDate` 和 `maxDate` 属性来实现。具体做法如下:
1. 导入 `date-fns` 库,用于获取今天和昨天的日期。
```javascript
import { subDays } from 'date-fns';
```
2. 定义 `minDate` 和 `maxDate` 变量,分别赋值为昨天和今天的日期。
```javascript
const today = new Date();
const yesterday = subDays(today, 1);
const minDate = yesterday;
const maxDate = today;
```
3. 在 Mui Datebox 组件中设置 `minDate` 和 `maxDate` 属性。
```jsx
import Datebox from 'mui-datebox';
<Datebox
minDate={minDate}
maxDate={maxDate}
/>
```
这样设置之后,用户只能选择昨天或今天的日期,其他日期将被禁用。