antd-mobile DatePicker设置max 和min
时间: 2024-03-08 13:50:13 浏览: 305
antd-mobile-vue:antd-mobile的vue实现
5星 · 资源好评率100%
antd-mobile 的 DatePicker 组件可以通过设置 `maxDate` 和 `minDate` 属性来限制用户选择的日期范围。
例如,如果要让用户只能选择今天之后的日期,可以这样设置:
```jsx
import { DatePicker } from 'antd-mobile';
function MyComponent() {
return (
<DatePicker
mode="date"
maxDate={new Date()}
/>
);
}
```
同样的,如果要让用户只能选择今天之前的日期,可以这样设置:
```jsx
import { DatePicker } from 'antd-mobile';
function MyComponent() {
return (
<DatePicker
mode="date"
minDate={new Date()}
/>
);
}
```
注意,`maxDate` 和 `minDate` 的值都应该是一个 `Date` 对象。如果要设置时间范围,可以使用 `DatePickerView` 组件,并设置 `maxDateTime` 和 `minDateTime` 属性。
阅读全文