api结果中的我的日期时间格式是2019-12-30T06:16:48.453Z
。react-datepicker
不支持它。
我的代码如下,是一个功能组件。我没有写下面的完整代码。只添加了所需的部分。
import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";
<DatePicker
selected={'2019-12-30T06:16:48.453Z'}
{...props}
/>
我还尝试通过导入它来添加矩
,并将其用作选择={矩('2019-12-30T06:16:48.453Z')}
我在这两种情况下都会遇到错误,比如超过了最大更新深度。
仍然版本1.8的反应日期选择器,他们使用矩,以减少包大小,他们使用本机日期对象。参考
所以你可以更新你的代码如下所示
function App() {
return (
<div className="App">
<DatePicker selected={new Date("2019-12-30")} />
<DatePicker selected={new Date("2019-12-30T06:16:48.453Z")} />
</div>
);
}
工作代码沙箱
使现代化
要获取所需的格式,react datepicker有一个名为dateFormat的道具,因此您可以像这样添加dateFormat=“dd/MM/yyyy”
,请参见此处
超过最大更新深度
当您在render方法的返回内部调用函数超过限制时,就会发生此错误。您可以签出组件中的任何其他函数调用吗。
以及
反应日期选择器
尝试基本的JavaScript Date api。
selected={new Date('2019-12-30T06:16:48.453Z')}
这应该行得通
const datee='2019-12-30T06:16:48.453Z';
let filt = Date(datee);
console.log(filt);
document.write(filt);