InlineDatePicker란?

material-ui-pickers 모듈이 제공하는 현대 일정 입력 구성 요소.

도입 환경

npx create-react-app

에서 스타터 키트를 사용했습니다.

.js

import { MuiPickersUtilsProvider, InlineDatePicker } from "material-ui-pickers";
import DateFnsUtils from "@date-io/date-fns";

MaterialUI에서 모듈을 읽습니다.

.js

<MuiPickersUtilsProvider utils={DateFnsUtils}>
  <InlineDatePicker
    label="ライブ日程"
    format="yyyy/MM/dd"
    onChange={date => this.handleDateChange(date+input)}
    value={this.state.selectedDates[input]}
  />
</MuiPickersUtilsProvider>

InlineDatePicker 호출.

망설임

이것은 일반적으로 모듈 설치

yarn add モジュール

그렇게하면 최신 버전이 설치되고 왜 최신 버전 @date-io은 오류를 토합니다.

해결책

package.json

"@date-io/date-fns": "^1.3.13"

에서 버전 1.3.13으로 지정. 이제 잘 작동합니다.
참고: h tps : // s t c ゔ ぇ rf ぉ w. 코 m / 쿠에 s 치온 s / 59600125 / 칸오 툭 t 마테리아

의문

맨 위 이미지이기 때문에 DatePicker 창의 언어는 영어로되어 있습니다. 이것 일본어로 할 수 있습니까? 누군가 가르쳐 주시면 기쁩니다~