我对如何处理 react-dates[DateRangePicker] onDatesChange 和 onFocusChange 感到困惑，因为它们每个都有两个值。 onDatesChange应该能够设置多个值，即开始日期和结束日期。

我试图用 formik 围绕 daterangepicker 构建一个自定义包装器。

检查控制台是否有错误

1. 预期结果：应该能够以本地状态保存开始日期和结束日期并将其显示在屏幕上。

参考工作链接：https ://codesandbox.io/s/l72w6n8l0m

我正在尝试使用 SingleDatePicker 在数据库中编辑/添加事件。我可以在这个日历年之外创建一个新事件，但是当我去编辑 2019 年之后的任何事件时，我在 SingleDatePicker 中收到一个“无效日期”，单击它会导致我的网站崩溃并给出错误“未捕获的类型错误：month必须是一个有效的时刻对象”。我正在使用momentjs。值得注意的是，所有日期都是从我的 API 以完全相同的格式传递的，而且我只有在 2019 年之后的日期出现这个问题。当日期在 2019 年之后，我收到错误“警告：失败的道具类型：无效date的道具object提供给的类型SingleDatePicker，预期Moment的。”我正在使用时刻，所以我不明白这个错误。

我没有找到有关此问题的文档。

我正在使用 Gatsbyjs 设置联系表单，并且需要一个日期选择器。是否可以在无状态组件上使用 react-dates？我试过但没有成功（因为说明指的是一个类组件，我真的不知道如何在这里表现）。

这是我没有反应日期的表单示例（我正在使用 Formik）：

现在因为它是一个无状态组件我不能添加 {this.etc.etc} 所以我不知道如何配置 react-dates。这是我应该添加的代码：

如何react-dates根据组件状态更改输入边框颜色？

当我的表单出现错误时，我想将输入边框设置为红色，当一切正常时，我想将输入边框设置为正常颜色。

我正在寻找这个，但我找不到它。

我在版本20.2.0

编辑：

我想做这样的事情

但我不能这样做，因为react-dates不提供styles或className道具。此外，覆盖 css 不起作用，因为我需要切换样式，而不仅仅是更改一次。

为了更具体地解决问题，我添加了 2 个动画 GIF。

您好，我从事一个反应项目以airbnb/react-dates与timepicker自定义组件相结合。

工作流程是：
1. 用户在第一个打开的日历中选择一天<SingleDatePicker />
2.<SingleDatePicker>隐藏并timepicker component显示 a。
3. 用户选择一个时间timepicker，日历日期/时间更新，然后隐藏。
4. 2nd<SingleDatePicker>被启用、聚焦和打开。
5. 与第一次相同的程序<SingleDatePicker>

问题

我无法确定何时显示时间选择器，何时不显示。这是因为focusChange函数： focusChange({ focused }, calendar, timePicker) { // handle the visiblility of calendars & timepickers this.setState({ [calendar]: focused, [show${timePicker}]: !focused }); }

案例：
1. 日历打开，用户点击外部 => 日历关闭但时间选择器打开。（也应该隐藏时间选择器）
参见 GIF：
2. 用户选择日期并选择时间（第一个日历）=> 第二个日历打开。当我们单击日历（输入）、第 1 和第 2 之间的可互换时，总是会打开相反的时间选择器。
见 GIF：

您可以在 Live 示例中播放：https ://codesandbox.io/s/5v459yrwk4?fontsize=14

我需要的是知道日历何时因日期选择而关闭，因此打开时间选择器，以及何时因 a 关闭clickoutside而不显示 a timepicker。

欢迎任何帮助。

我目前正在使用react-dates来拥有 DateRangePicker，我希望用户能够一次选择多个星期。我见过这种方式来一次选择 7 天，这是我想要的开始。

我希望第一次单击以选择所选一周的开始，然后能够突出显示并选择另一周。当用户点击第二周时，我想将结束日期设置为所选第二周的结束日期。

我不限于react-dates，如果可能/更容易使用另一个包，我可以使用它！

我希望我已经足够清楚了，不要犹豫，要求澄清。

提前致谢。

我正在使用 react-date 尝试设置所选日期的状态：

如果它位于状态所在的主要组件中，这可以正常工作，但是我现在在该组件的子组件中有 DateRangePicker，所以我不能只从子组件中设置状态。

我尝试编写一个位于父组件中的函数来设置状态，但这不起作用：

在子组件中：

在父组件中：

尽管这适用于 DateRangePicker 中设置父级状态的另一个参数：

在孩子身上：

在父级中：

我试图在SingleDatePicker内部使用，react-bootstrap-table但它似乎不起作用。下面是我的代码

当我onDateChange在同一日期内选择一个日期时，仍会记录。e不是我选择的日期

我可以在 React 的渲染函数中触发 AirBnb react-dates 的日历，但是如果我在 redux-form 中引用的函数中尝试，没有错误并且它正确显示初始日期但是单击时不要触发日历

我正在构建一个 react redux 费用跟踪应用程序，并使用 moment.js 和 react-dates 来设置时间和过滤时间范围。但是，当我选择任何地方或“x”清除日期时出现错误，然后没有任何内容呈现到屏幕上。

我仔细检查了一遍，仍然找不到问题所在...

减速器/过滤器：

这是选择器/费用.js：

这是组件/ExpenseListFilters.js：

我希望能够通过单击日历上的“X”来清除日期，以便显示我的演示数据，或选择特定范围进行过滤。我该如何解决？