Почему контроллер диапазона выбора даты показывает только один календарь? - PullRequest
Новая
       26

Почему контроллер диапазона выбора даты показывает только один календарь?

0 голосов
/ 13 февраля 2020

Я следую этому руководству на даты реакции , в частности на DatePickerRangeController, но когда я выполняю минимальную настройку, у меня на экране появляется только один календарь. Глядя на их демо , похоже, их должно быть два. Я что-то пропустил по шагам?

Мое приложение. js Файл: 

import React, { Component } from 'react';
import 'bootstrap/dist/css/bootstrap.min.css';
import 'react-dates/initialize';
import 'react-dates/lib/css/_datepicker.css';
import { DayPickerRangeController } from 'react-dates';
import moment from 'moment';
// import logo from './logo.svg';
import './App.css';

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      date: null,
      focused: null
    }
  }

  render() {
    return (
      <div className="App">
        <DayPickerRangeController
          startDate={this.state.startDate} // momentPropTypes.momentObj or null,
          endDate={this.state.endDate} // momentPropTypes.momentObj or null,
          onDatesChange={({ startDate, endDate }) => this.setState({ startDate, endDate })} // PropTypes.func.isRequired,
          focusedInput={this.state.focusedInput} // PropTypes.oneOf([START_DATE, END_DATE]) or null,
          onFocusChange={focusedInput => this.setState({ focusedInput })} // PropTypes.func.isRequired,
          initialVisibleMonth={() => moment().add(2, "M")} // PropTypes.func or null,
        />
      </div>
    );
  }
}

export default App;
...