日期选择器react-bootstrap-date-picker的使用

声明: 转载请注明出处

简介: 结合react实现日期的选择

npm官方地址

使用示例

import React, { Component } from 'react';import DatePicker from 'react-bootstrap-date-picker';class DatetimePick extends Component {  constructor(props) {    super(props);    this.state = { value: '' };    this.handleChange = this.handleChange.bind(this);  }  handleChange(value, formattedValue) {   //为其自带参数    this.setState({      value, // ISO String, ex: "2016-11-19T12:00:00.000Z"      formattedValue, // Formatted String, ex: "11/19/2016"    });  }  render() {    return (          <DatePicker          id="example-datepicker"          value={this.state.value}          onChange={this.handleChange}          dateFormat="YYYY/MM/DD"          showClearButton={false}        />    );  }}export default DatetimePick;