React Antd月份選擇器(例如:2020-05)

引入組件

import { DatePicker } from 'antd';
const MonthPicker = DatePicker.MonthPicker;

渲染月份選擇器組件

render(){
      return(
              <h3>第一步:請選擇月份</h3>
              <MonthPicker
                    className="button"
                    size='middle'
                    placeholder='請選擇月份'
                    format="YYYY-MM"
                    onChange={(e,s) => this.handleMonth(e,s)}
              />
      )
}

定義觸發事件函數

handleMonth=(date,string)=> {
      this.setState({
         month:string
      })
}