antd 的日期选择器组件可以通过设置 locale 属性来显示正确的语言。需要确保你的代码中引入了对应语言的 DatePicker 组件。例如,如果你要使用中文版 DatePicker 组件,需要引入 antd/lib/locale-provider/zh_CN.js 文件。
示例代码:
import React from 'react';
import ReactDOM from 'react-dom';
import { DatePicker, LocaleProvider } from 'antd';
import zhCN from 'antd/lib/locale-provider/zh_CN';
import moment from 'moment';
import 'moment/locale/zh-cn';
import 'antd/dist/antd.css';
moment.locale('zh-cn');
class App extends React.Component {
state = {
date: null
}
onChange = (date) => {
console.log(date);
this.setState({ date });
}
render() {
const { date } = this.state;
return (
);
}
}
ReactDOM.render( , document.getElementById('root'));
∠