• 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;
    

      

  • 相关阅读:
    go2基本类型
    go1
    android studio 使用
    ios34---GDC,dispatch_once
    ios33--线程通信
    ios33--线程安全
    ios32---线程的状态
    ios31--NSThread
    ios30---pthread, NSThread, GCD, NSOperation
    ios29--多线程
  • 原文地址:https://www.cnblogs.com/changyuqing/p/13431833.html
Copyright © 2020-2023  润新知