react-component-date v0.1.25

React Datepicker

基于

antd DatePicker日期选择框

react-calendar

做了修改

使用方法

npm install --save react-component-date

import DatePicker, { RangePicker } from 'react-component-date';
moment.locale('zh_cn');

class Test extends Component {
  render() {
    const style = { marginTop: '20px' };
    return (
      <div>
        <div style={style}>
          禁止选年：<DatePicker isSelectedYear={false} />
        </div>
        <div style={style}>
          时间选择： <DatePicker showTime format="YYYY-MM-DD HH:mm:ss" />
        </div>
        <div style={style}>
          时间选择(默认时间00:00:00)： <DatePicker showTime={{ defaultValue: '00:00:00' }} format="YYYY-MM-DD HH:mm:ss" />
        </div>
        <div style={style}>
          时间选择(默认时间23:59:59)： <DatePicker showTime={{ defaultValue: '23:59:59' }} format="YYYY-MM-DD HH:mm:ss" />
        </div>
        <div style={style}>
          时间选择(默认时间00:00:00)： <DatePicker defaultValue={moment()} showTime={{ defaultValue: '00:00:00' }} format="YYYY-MM-DD HH:mm:ss" />
        </div>
        <div style={style}>
          时间选择(默认时间23:59:59)： <DatePicker defaultValue={moment()} showTime={{ defaultValue: '23:59:59' }} format="YYYY-MM-DD HH:mm:ss" />
        </div>
        <div style={style}>
          <RangePicker />
        </div>
        <div style={style}>
          <RangePicker format="YYYY-MM-DD HH:mm:ss" showTime={[{ defaultValue: '00:00:00' }, { defaultValue: '23:59:59' }]} />
        </div>
      </div>);
  }
}

export default Test;