问题标签 [react-day-picker]

如何使反应日期选择器输入字段的日历叠加弹出窗口显示在其他表单组件的顶部？日历被其他表单组件隐藏。我可以在某处设置某种 z-index 吗？

每当我尝试像下面这样导入 DayPickerInput 时：

我收到 ts 警告：“找不到模块 'react-day-picker/DayPickerInput 的声明文件。”

查看模块文件夹，看起来只有 DayPicker 定义了类型。

当我尝试使用 require 方法时，如下所示：

我的项目构建良好，但是当需要显示组件时，我在控制台中收到 2 个运行时错误：

DayPickerInput 现在对我来说无法使用。

如何设置最大或最小日期？例如，我想将我的 daypicker 限制为仅在过去 2 个月（最小日期）到今天（最大日期）。所以用户不能选择明天的日期。谢谢

http://react-day-picker.js.org/docs/

这是他们的示例组件。

你如何从这个示例反应组件中获取选定的数据？

我只是在我的文件顶部导入：

然后我在控制台中收到此错误，似乎无法弄清楚。

在确定日历的位置时，日历（到目前为止）似乎没有考虑碰撞检测。例如 ：

在屏幕截图中，您可以看到日历离开屏幕。即使我禁用水平滚动 ( overflow-x: hidden;)，它仍然会呈现在屏幕外。

有没有解决这个问题的方法而不破坏样式？

我使用 DayPickerInput 组件来为表单上的字段添加日期，并且我想以不同的语言（希伯来语，就此而言）显示日期和月份。在库的 API 中，我找到了一种非常简单的方法来更改基本组件（DayPicker）的语言，但据我了解，这种方法不适用于 DayPickerInput。

它设法更改所选日期的语言（在字段本身中），但不能更改选择器中的显示。

例如，

使用此代码，语言会根据需要更改，但会进行以下更改（在第三行中）：

语言仍然是英语。

有没有办法做到这一点？

react-day-picker 的当前 aria-label 格式是

但是如何将其更改为不同的格式，例如

阅读文档无法帮助找出是否可以自定义

我有一个使用该组件的react-day-picker组件。我不想有一个可以单独增加或减少年份和月份的日期选择器。所以我已经覆盖了navbarElement（你可以在最后一行看到）。在箭头函数handleNextYearClick中，年份应该增加 1。但是我如何date从父 Component访问和设置DayPicker。我只能打电话onNextClick，这只会增加月份+1。

...这是我的render()主要日期选择器组件中方法内的代码...

不要对打字稿符号感到不安。

希望利用react-day-picker的一些内置功能（日期验证等），同时不提供日历覆盖（为用户提供没有日历覆盖的输入字段）。

我在文档中没有看到任何选项来仅显示没有日历覆盖的输入字段。

我错过了什么吗？