Я создал компонент с помощью DatePicker antd.
Когда я выбираю дату, он работает хорошо, но если я попытаюсь вернуться на свою страницу с элементом DatePicker
, это заслужит ошибку. Ошибка связана с библиотекой momentjs
.
Ошибка:
moment.js:249 Uncaught TypeError: config._d.getTime is not a function
Это мой компонент, и вызов этого компонента:
DateTimePicker.tsx
import React from "react"
import { Form, DatePicker } from "antd"
interface Props {
label: string;
name: string[];
defaultValue: any;
format?: string;
}
export const DateTimePicker: React.FC<Props> = ({
name,
label,
defaultValue,
format,
}) => {
console.log("defaut", defaultValue)
return (
<Form.Item name={[...name, "date"]} label={label}>
<DatePicker
size={"large"}
placeholder={"Choisissez une date"}
showTime
defaultValue={defaultValue}
format={format}
style={{ width: "100%" }}
/>
</Form.Item>
)
}
И использование этого компонента:
const hourFormat = "DD/MM/YYYY, HH:mm"
<DateTimePicker
label="Date de la mission"
name={["dateDeLaMission"]}
defaultValue={
step3Data.dateDeLaMission == undefined
? moment()
: moment(step3Data.dateDeLaMission.date, hourFormat)
}
format={hourFormat}
/>
Мой объект кажется хорошим, вот мое состояние после сохранения даты:
step3:
dateDeLaMission:
date:
_d: "2020-07-10T20:57:18.548Z"
_isAMomentObject: true
_isUTC: false
_isValid: true
_locale: {_calendar: {…}, _longDateFormat: {…}, _invalidDate:
"Invalid date", _dayOfMonthOrdinalParse: {…}, _relativeTime: {…}, …}
_pf: {empty: false, unusedTokens: Array(0), unusedInput: Array(0),
overflow: -2, charsLeftOver: 0, …}
__proto__: Object
__proto__: Object
__proto__: Object
Спасибо