npm  i rmc-date-picker --s

基于rmc-date-picker@6.0. 示例

import 'rmc-picker/assets/index.css';

import 'rmc-date-picker/assets/index.css';

import 'rmc-picker/assets/popup.css';

import zh_CN from 'rmc-date-picker/lib/locale/zh_CN';

import DatePicker from 'rmc-date-picker/lib/DatePicker';

import PopPicker from 'rmc-date-picker/lib/Popup';

class Demo extends React.Component{

  constructor(props) {

    super(props);

    this.state = {

      date: null,

    };

  }

  onChange = (date) => {

    console.log('onChange', this.format(date));

    this.setState({

      date,

    });

  }

   format=(date)=>{

        let mday = date.getDate();

        let month = date.getMonth() + ;

        month = month <  ? `${month}` : month;

        mday = mday <  ? `${mday}` : mday;

        return `${date.getFullYear()}-${month}-${mday} ${date.getHours()}:${date.getMinutes()}`;

   }

  onDismiss = () => {

    console.log('onDismiss');

  }

  render() {

    const { date } = this.state;

    const datePicker = (

      <DatePicker

        rootNativeProps={{'data-xx': 'yy'}}

        minDate={new Date(, , , , , )}

        maxDate={new Date(, , , , , )}

        defaultDate={new Date()}

        mode={'date'}

        locale={zh_CN}

      />

    );

    return <div style={{ margin: '10px 30px' }}>

      <h2>popup date picker</h2>

      <div>

        <PopPicker

          datePicker={datePicker}

          transitionName="rmc-picker-popup-slide-fade"

          maskTransitionName="rmc-picker-popup-fade"

          title={'选择日期'}

          date={date}

          okText={'确认'}

          dismissText={'取消'}

          onDismiss={this.onDismiss}

          onChange={this.onChange}>

          <p>点我</p>

         //触发弹框显示 只需在此处放任意标签即可

        </PopPicker>

      </div>

    </div>;

  }

}

--------------------- 

原文：https://blog.csdn.net/u012982629/article/details/80752409?