material-UI datepicker不起作用

时间:2018-01-04 12:11:15

标签: reactjs material-ui

material-UI日期选择器不起作用。这不行,所以该怎么做。我正在使用material-UI和Reactjs。所以请帮我怎么做。

    const minDate = new Date();
const maxDate = new Date();
minDate.setFullYear(minDate.getFullYear() - 1);
minDate.setHours(0, 0, 0, 0);
maxDate.setFullYear(maxDate.getFullYear() + 1);
maxDate.setHours(0, 0, 0, 0);

this.state = {
  minDate: minDate,
  maxDate: maxDate,
  autoOk: false,
  disableYearSelection: false,
};

render(){
    return(
      <DatePicker
        floatingLabelText="Ranged Date Picker"
        autoOk={this.state.autoOk}
        minDate={this.state.minDate}
        maxDate={this.state.maxDate}
        disableYearSelection={this.state.disableYearSelection}
      />
   )
}

1 个答案:

答案 0 :(得分:0)

如果问题就像点击它时没有显示日期选择器,那么我猜你错过了react-tap-event-plugin。这对于datepicker起作用起了作用。您需要安装它并在应用程序中添加以下内容

 var injectTapEventPlugin = require("react-tap-event-   plugin");
injectTapEventPlugin();