我在表單中使用 Material Ui DateTime選擇器。提交表單后，我收到以下錯誤：
無效的日期格式
圖片
我在我的反應應用程式中使用 JSON 服務器來保存資料。
這是 DOM 上 DateTime 選擇器的輸出元素。
<input aria-invalid="false" readonly="" type="text" class="MuiInputBase-input MuiInput-input" value="March 16th 08:50 a.m.">
這是 db.json 上的資料。
{
"text": "study",
"day": "2022-03-16T05:20:00.000Z",
"reminder": true,
"id": 1
}
這是我添加日期的代碼。
import { useState } from "react";
import DateFnsUtils from "@date-io/date-fns";
import { MuiPickersUtilsProvider } from "@material-ui/pickers";
import "date-fns";
import { DateTimePicker } from "@material-ui/pickers";
const AddTask = ({ onAdd }) => {
const [day, setDay] = useState(new Date());
const onSubmit = (e) => {
e.preventDefault();
onAdd({ day });
setDay("");
};
return (
<form className="add-form" onSubmit={onSubmit}>
<div className="form-control">
<label>Day & time</label>
<MuiPickersUtilsProvider utils={DateFnsUtils}>
<DateTimePicker
disableToolbar
variant="inline"
value={day}
onChange={(day) => {
setDay(day);
}}
autoOk
/>
</MuiPickersUtilsProvider>
</div>
</form>
);
};
如果你能幫助我，我將不勝感激。謝謝
uj5u.com熱心網友回復：
setDay("");如果您從 onSubmit中洗掉該行，它可能不會中斷。你到底為什么需要它？
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/448048.html
標籤：javascript 反应 约会时间 材料-ui jsx
上一篇：JS日期遞增