Выполнен триггер DatePicker для Material-UI-Next-Pickers без нажатия кнопки мыши (при загрузке компонента) - PullRequest
0 голосов
/ 17 января 2019

В основном пользователь загружает компонент datepicker, он должен отображать ему календарь.

http://chingyawhao.github.io/material-ui-pickers демо URl

у нас есть состояние «calendarShow» в datePicker (DateFormatInput), как изменить это состояние в нашем компоненте с помощью DateFormatInput Исходный код для "Material-UI-Next-Pickers": https://github.com/chingyawhao/material-ui-next-pickers/blob/master/src/datepicker.tsx (DateFormatInput)

Пример:

import {DateFormatInput, TimeFormatInput} from 'material-ui-next-pickers'

class YourComponent extends React.Component<{}, YourComponentState> {
  onChangeDate = (date:Date) => {
    console.log('Date: ', date)
    this.setState({date})
  } 
  onChangeTime = (time:Date) => {
    console.log('Time: ', time)
    this.setState({time})
  } 
  render() {
    const {date, time} = this.state
    return (
      <div>
        <DateFormatInput name='date-input' value={date} onChange={this.onChangeDate}/>
        <TimeFormatInput name='time-input' value={time} onChange={this.onChangeTime}/>
      </div>
    )
  } 
}
interface YourComponentState {
  date: Date
  time: Date
}

Пожалуйста, предложите любое решение.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...