从Ant Design官网上面查找相应的文档,我们可以了解到,Ant日历选择器支持两个不同的模式:
因此,只需要将代码中使用的组件从RangePicker改为DatePicker即可:
import { DatePicker } from 'antd';
function onChange(date, dateString) {
console.log(date, dateString);
}
ReactDOM.render(
,
mountNode,
);
这样就能够正常显示单个日历面板了。