提问者:小点点

时间戳格式不支持React`React datepicker`作为默认值


api结果中的我的日期时间格式是2019-12-30T06:16:48.453Zreact-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')}

我在这两种情况下都会遇到错误,比如超过了最大更新深度。


共3个答案

匿名用户

仍然版本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);