问题描述: 在使用 Ant Design 的 DatePicker 组件时,选择了一个日期,但是在选择器上显示的值并没有改变。
解决方法:
npm install antd
命令安装最新版本的 Ant Design。import { DatePicker } from 'antd';
import React, { useState } from 'react';
import { DatePicker } from 'antd';
const App = () => {
const [selectedDate, setSelectedDate] = useState(null);
const handleDateChange = (date) => {
setSelectedDate(date);
};
return (
);
};
export default App;
import React, { useState } from 'react';
import { DatePicker } from 'antd';
import moment from 'moment';
const App = () => {
const [selectedDate, setSelectedDate] = useState(null);
const handleDateChange = (date) => {
setSelectedDate(moment(date));
};
return (
);
};
export default App;
通过将日期值转换为 moment 对象,可以确保 DatePicker 组件正确显示日期值。请注意,上面的代码示例假设你在使用 React 和函数式组件编写代码。如果你使用的是类组件,可以根据需要进行相应的修改。