如何在react-dates中添加一年的选择？

在我到达正确的一年之前刷几个月是痛苦的react-dates,是否有可能在年/月添加一些选择？

是的,因为版本react-dates@17.0.0是可能的!(相关拉动请求).

npm install react-dates@latest

您可能需要根据文档更新一些内容,因为这些内容发生了重大变化(对我而言,这主要是css).

然后利用新引入的 renderMonthElement道具编写自定义月份和年份选择器,例如:

import React from 'react';
import moment from 'moment';
import { SingleDatePicker } from 'react-dates';

class Main extends React.Component {
  state = {
    date: moment(),
    focused: true
  }

  renderMOnthElement= ({ month, onMonthSelect, onYearSelect }) =>
    

      

         onMonthSelect(month, e.target.value)}
        >
          {moment.months().map((label, value) => (
            {label}
          ))}
        
      
      

         onYearSelect(month, e.target.value)}>
          Last year
          {moment().year()}
          Next year
        
      
    

  render = () =>
     this.setState({ date })}

      focused={this.state.focused}
      OnFocusChange={({ focused }) => this.setState({ focused })}

      renderMOnthElement={this.renderMonthElement}
    />
}