index.js

import React, { Component } from 'react'
import { Menu, Icon } from 'antd'
import { connect } from 'dva'

import { Calendar } from 'antd';
import moment from 'moment';
import 'moment/locale/zh-cn';
moment.locale('zh-cn');



class Calendar  extends Component {

  constructor(props) {
    super(props);
    this.state = {
      value: moment('2017-01-25'),
      selectedValue: moment('2017-01-25'),
    };
  }

  onSelect = (value) => {
    console.log(value.format('YYYY-MM-DD'));
  }

  onPanelChange = (value, mode)=> {
    console.log(value, mode);
  }


  render() {
    return (
      <div style={{ width: 300, border: '1px solid #d9d9d9', borderRadius: 4 }}>
        <Calendar fullscreen={false} onSelect={this.onSelect} onPanelChange={this.onPanelChange} />
      </div>
    );
  }
}

export default connect()(Calendar)