antd calendar日历组件去掉默认日期的选择
时间: 2023-08-18 21:17:08 浏览: 54
您可以通过在 `antd calendar` 组件中设置 `defaultValue` 属性来实现去掉默认日期的选择。具体来说,您可以将 `defaultValue` 属性设置为 `undefined` 或 `null`,这样就不会有默认的选中日期了。以下是一个示例代码:
```jsx
import { Calendar } from 'antd';
function MyCalendar() {
return <Calendar defaultValue={null} />;
}
```
在上面的示例代码中,`<Calendar defaultValue={null} />` 会显示一个没有默认选中日期的日历。如果您希望通过代码来控制选中日期,可以使用 `value` 属性来设置。例如:
```jsx
import { useState } from 'react';
import { Calendar } from 'antd';
function MyCalendar() {
const [selectedDate, setSelectedDate] = useState(undefined);
function handleSelectDate(date) {
setSelectedDate(date);
}
return (
<Calendar
value={selectedDate}
onSelect={handleSelectDate}
/>
);
}
```
在上面的示例代码中,`<Calendar value={selectedDate} onSelect={handleSelectDate} />` 会根据 `selectedDate` 变量来控制选中日期的状态。当用户选择一个日期时,会调用 `handleSelectDate` 函数来更新 `selectedDate` 变量的值。