Настроить формат даты для типа ввода React Date

Question

У меня есть <Input/> от реагирующего ремня, который принимает дату. Я использую момент. js, чтобы разобрать мою дату. Хотя я хочу, чтобы формат дат был локализован.

Это мой код:

<Input
   bsSize="lg"
   type="date"
   name="date"
   value={moment(this.state.birthDate).locale('en').format("LLLL")}
   onChange={this.handleBirthDateChange}
/>

Хотя, когда я пытаюсь выбрать ввод даты, он не принимает выбранную дату .

Answer 1

Момент будет объектом, вам нужно будет отформатировать его в стандартную строку ISO, которую допускает тип = дата HTML (ГГГГ-ММ-ДД): момент (). Формат ('ГГГГ-ММ) -DD ​​');

Песочница: https://codesandbox.io/s/musing-mclaren-tuqz0

Это может помочь вам начать работу

import React from 'react'
import ReactDOM from 'react-dom'
import moment from 'moment'
import {Input} from 'reactstrap'
import 'bootstrap/dist/css/bootstrap.css'

export class App extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      birthDate: moment()
        .locale('en')
        .format('YYYY-MM-DD')
    }
  }
  handleChange = e => {
    this.setState({birthDate: e.target.value})
  }

  render() {
    let {birthDate} = this.state
    return (
      <>
        <Input
          bsSize="lg"
          type="date"
          name="date"
          value={birthDate}
          onChange={this.handleChange}
        />
      </>
    )
  }
}
ReactDOM.render(<App />, document.getElementById('root'))