问题标签 [react-datepicker]

我用 redux 表单为 react-datepicker 输入代码，它可以工作，但是当我选择日期时，页面中的所有内容都会消失并得到控制台错误，时间值无效，请在此处输入代码

目前，在 react-datepicker 中，我在来宾详细信息表单中使用 DOB 的月份选择器和年份选择器。

发生的事情是： - 所选日期在日历上突出显示，这很好。

我需要实现的内容：- 当我在日历上更改月/年时，我想将所选日期更新为与之前更新的月/年相同的日期。

请帮助我解决任何可能。

我无法找到解决方案。

以下代码是我用于当前 react-datepicker 的代码：

如果我更改月/年，是否可以在选择任何日期之前使用更新的月/年自动更新所选日期？

我正在尝试以 Formik 形式使用 react-datepicker。

我有：

对于这两个选项，表单呈现，我可以在日历上选择一个日期，但它不会出现在框中，并且状态值不会随着选择而更新。

控制台中没有错误，但警告说：

从 v2.0.0-beta.1 开始 date-fns 不接受字符串作为参数。请用于parseISO解析字符串。参见：toDate@index.js:45

我尝试制作初始状态：

但这没有什么区别。

我看过很多关于使用 Antd 的日期选择器进行设置的帖子，但找不到如何使用 react-datepicker 进行设置的说明。

我一直在试图弄清楚如何让 react-testing-library 与 react-datepicker 一起工作。

到目前为止，我已经能够正确包装输入框，并且可以通过该getByLabelText函数访问它，但是无论我在文本框上触发什么事件，我似乎都无法让日期选择器出现。

我已经能够使用基本酶方法来显示日期选择器，但它似乎不想通过 react-testing-library 工作。这是我面临的问题的工作版本：https ://codesandbox.io/s/compassionate-bose-8gpbt

如何将'fontawesome'放在输入的react-datepicker中？库：反应日期选择器。可能吗？我尝试使用 :after 类 react-datepicker__input_container

我是反应钩子的新手，我试图将 react-datepicker 从类转换为带有钩子的函数。问题是当我触发 onChange 时会显示（RangeError: Invalid time value），但默认的“选定”开始日期呈现正常。这可以用钩子完成吗？

我希望在没有“RangeError：无效时间值”的情况下更改 startDate 状态。

我正在使用React Datepicker，一切都很好。

而不是一周中的几天有“Su”“Mo”“Tu”等，我想使用这样的东西：

我正在通过 css 完成此操作：

它似乎有效，但似乎也很“hacky”。是否有我在某处遗漏的配置选项可以指定我想使用的格式？

感谢您的任何建议！

编辑

这是我（尝试）将 传递dateFormat给我的组件的方式：

应用程序.js

预订日历.js

日期选择器.js

有了这样的一切，我仍然得到一个像我附加的视图。也许我没有正确传递一些东西。再次感谢您的宝贵时间！

有一个CustomCalendarComponent用途react-datepicker如下所示：

它有一个customInput如下所示：

只要用户从日历中选择日期，一切都很好，当用户尝试输入日期时，它不起作用。当用户开始删除输入时，它无法正常工作。试了很多，花了将近一整天，还是找不到问题，我在github上找到了这个问题，但是没有运气，是什么问题？

我在我的项目中使用 react-datepicker。所需格式为 mm/dd/yyyy。我想要的是，如果我想输入一个日期，应该是日期格式。

例如：我想要 1980 年 1 月 21 日的日期。当我从日期选择器中选择时，它的格式正确（01/21/1980）。

现在，如果我输入相同的日期，它不会在两者之间自动插入斜杠，而是显示像 01211980 这样的日期。

如何解决这个问题？

我正在尝试将我的 dob 数据从我的 Main 类发送到子组件（RegisterAccount.jsx），并使用 yup 和 withFormik 字段在子组件中对其进行验证。问题是：

1. 我无法使用 yup 或 formik/yup 来验证 dob 字段。
2. 选择后，DatePicker 不会在文本框中显示所选值。

请检查我的以下代码：

这是我的 Main.jsx 类

这是我的 RegisterAccount.jsx