Как получить значение даты ввода в ReactJS?

Question

У меня есть форма регистрации, которая принимает дату в качестве ввода.

Код ввода моей даты:

birthDate: new Date(),

this.handleSubmit = this.handleSubmit.bind(this);
this.handledChange = this.handledChange.bind(this);


handledChange(date) {
  this.setState({
    birthDate: date
  });
}

<ControlLabel>Date de naissance</ControlLabel>
  <FormGroup controlId="birthDate" bsSize="large">
    <FormControl
      autoFocus
      type="date"
      value={this.state.birthDate}
      onChange={this.handledChange}
    />
  </FormGroup>

Когда я отправляю ее, дата ввода составляет undefinedна консоли.

Я хочу это в формате: YYYY-MM-DD

Как я могу это исправить, пожалуйста?

Answer 1

Вы также можете извлечь введенное значение вашей формы, используя ее Id, после отправки.
Вы можете попробовать использовать это в вашем методе отправки:

let selectedDate = document.getElementById ('birthDate')

Дата рождения здесь относится к controlId FormGroup

Answer 2

Вы не получите выбранную дату напрямую, она должна быть через цель события

Изменить

handledChange(date) {
    this.setState({
      birthDate: date
    });
  }

На

handledChange(event) {
    this.setState({
      birthDate: event.target.value
    });
  }