antd 日期组件显示中文


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;

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM