问题标签 [react-day-picker]

我正在使用 React 日期选择器并尝试为其编写一些测试。其中一项测试包括模拟特定日期的点击，然后检查当天的班级名称是否已将所选班级添加到其中。但问题是，即使在模拟点击酶的方法后，类名也根本没有改变simulate('click')。虽然点击处理程序确实被调用，但我可以在控制台输出中看到点击了哪一天。

我正在使用以下内容来防止其他输入字段的默认设置，但似乎在我的 DayPickerInput 上无法完全正常工作。

//防止默认功能

//DayPicker输入

它不让我写任何东西，这太棒了！

但是当我试图删除我的日期时，它允许我这样做。

我怎么能阻止这种行为？

手动输入日期时，即不使用日期选择器，不会触发任何事件。应该可以在不使用选择器的情况下手动输入日期。

我正在努力做到这一点，以便在 react-day-picker 中，只有可用的日期是可选的（即，用户只能使用两天，所有其他日期都被禁用且无法选择）。我试过这样做：

但这使得所有日期都不可用。

任何帮助将不胜感激，谢谢！

我试图通过再次单击 react-day-picker-input 元素来隐藏我的日历（默认情况下单击它时它会打开）。为此，当您单击该元素时，我有一个记录真假的状态。问题是，当我再次单击以隐藏它时，它给了我以下错误：

TypeError：calendarNode.hideDayPicker 不是函数

我尝试使用 showOverlay 和 hideDayPicker。我看到了一个与按钮一起使用的代码，但是当您将 onClick 应用于 DayPickerInput 组件时无法获得结果（见下文）。 https://codesandbox.io/s/oqm3p4j9rz

这是我的代码（总结）：

预期： 1. 最初隐藏日历（默认行为） 2. 单击显示日历（默认行为） 3. 再次单击以隐藏日历（需要） 4. 单击外部也隐藏日历（默认行为） 5. 选择日期也隐藏日历（默认行为）

实际结果： 1. 最初隐藏日历（默认行为） 2. 单击显示日历（默认行为） 3. 再次单击以隐藏日历（错误） 4. 单击外部也隐藏日历（默认行为） 5. 选择一个date 也隐藏日历（默认行为）

我已经为此苦苦挣扎了一段时间，我认为它实际上应该很简单。

使用DayPickerInput时，日历太小了，我找不到调整大小的方法。

有任何想法吗？

问题是我找不到合适的 CSS 样式方法来使 react-day-picker 足够宽以填充所有移动显示。

我尝试自定义 react-day-picker 提供的 css 文件，并应用了很多样式，但都没有成功。

我想让日历足够宽以填满我的网络应用程序（移动版）中的所有移动屏幕。

所以我试图用 before after 和 array 参数禁用 react-day-picker 中的天数。

这只会在之前和之后禁用

这将禁用数组天，所以我知道bannedDates 工作

日期格式

如何让所有三个参数同时工作？

我正在尝试DatePickerInput在引导模式中使用组件。

如官方网站所示，我期待与此类似的效果。

但是，在引导模式中，我得到了这个.

我想这是因为库试图在某个 z-index 处显示覆盖，而不知道输入本身已经在提升的组件中。

我应该如何解决这个问题？太感谢了！

我正在使用react-day-picker包来选择包含年/月道具的日期。但是，年/月下拉菜单在 iOS 移动浏览器上无法正常工作：

您可以在此链接上看到演示（必须在 iOS 设备上打开）：

https://codesandbox.io/s/0y84wrp8mn

有什么解决方法吗？