antd 日期组件显示中文

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38

import React from 'react'; import ReactDOM from 'react-dom'; import {Input,DatePicker} from 'antd'; import 'antd/dist/antd.css'; import locale from 'antd/lib/date-picker/locale/zh_CN'; import 'moment/locale/zh-cn'; import moment from 'moment'; moment.locale('zh-cn'); const { RangePicker } = DatePicker;   class InputCom extends React.Component{     constructor(props) {         super(props);     }     rangePickerChange = e =>{         console.log("rangePickerChange:",e);     }     render(){         return(             <div>                 <RangePicker                     fromat="YYYY-MM-DD HH:mm:ss"                     placeholder={['开始时间','结束时间']}                     showTime={{                         hideDisableOptions:true                     }}                     locale={locale}                     onChange={this.rangePickerChange}                 />                           </div>         )     } }       export default InputCom;