问题标签 [react-dates]

在我到达正确的年份之前向右滑动几个月是很痛苦的react-dates，是否可以为年份/月份添加一些选择？

为 react-dates 组件设置 startDate 和 endDate 的默认值会破坏组件并出现以下错误：

我的反应版本：“反应”：“^16.5.2”“反应日期”：“^18.1.0”

组件代码：

错误：

我在 React 项目中使用 StyledComponents，并且我计划覆盖 Airbnb 的 react-dates 库中的样式。他们正在使用带有类的 CSS 文件，但我想通过 StyledComponents 使用包装器组件覆盖他们的 CSS（以使我的项目与不使用 CSS 文件保持一致）。

这可能吗？我在上面找不到任何东西。

这是我的代码，我不能使用 npm

这是我们渲染它时的样子

我已经尝试了很多 css 文件，cdn 的一切请帮帮我

我只是按照步骤将 react-dates 安装到我的项目中。我将他们的包装器用作“hello world”示例，但无法运行。

https://github.com/airbnb/react-dates/blob/master/examples/DateRangePickerWrapper.jsx

但在第 141 行我收到运行时错误：

我试过不使用包装器，而是直接导入和使用 DateRangePicker，将日期的参数从字符串设置为 moment() 到 PropTypes null。

在我的 index.js 中，我有 import 'react-dates/initialize'; 导入'react-dates/lib/css/_datepicker.css'；

但我觉得我没有正确初始化它。也许我的初始化导入没有运行，因此它找不到组件名称？

这是一个使用“create-react-app”创建的项目

我试图让 SingleDatePicker 上出现清除日期按钮。查看文档我所要做的就是将 showClearDate 属性添加到 SingleDatePicker。这就是我实现它的方式：

如果我删除 showClearDate 属性（当然不显示按钮），Evertying 工作正常，但是当我添加此属性时，我得到一个异常“无法读取未定义的 onClearDateMouseEnter 属性”

以下内容取自 react-dates SingleDatePickerInput.jsx，显示了错误发生的位置。

文档中没有提到必须提供函数 onClearDateMouseEnter 函数或代码中对它的任何其他引用。

我在这里想念什么？

我正在尝试使用 React-dates 在单击特定日期时突出显示所选日期，但没有得到任何解决方案。我曾经使用过：

可以正确突出显示日期。但是对于特定日期，我该怎么做。

我有日期选择器组件（DayPickerSingleDateController）。有 ”

超出范围

属性（仅可用 +4（从到今天）天。）

但正因为如此，会发生错误。如果当前月份没有可用日期，则事件仍然显示当前月份 onClick。

现在我尝试添加 initialMonth 属性，我想在其中检查本月是否没有可用的日期，然后 () => moment().add(1, 'month')。

我怎样才能做到这一点？

我正在使用 react-dates，并且试图弄清楚如何将月份和工作日名称国际化。我已经想出了如何对输入占位符文本执行此操作，但我找不到如何执行此操作。

我给 react-dates 的当前道具DateRangePicker如下所示：

我正在使用react-intl国际化。

这是日历的样子： 日历的图像

基本上我要更改的是月份名称November和工作日名称Mo Tu We Th Fr Sa Su

期望的结果是将它们翻译成芬兰语 ->Marraskuu和Ma Ti Ke To Pe La Su

我是 React 新手，我想设计一个简单的下拉菜单，其中包含以下选项：过去 30 天、过去 60 天、过去 6 个月。

基于 selection ，我将渲染一个特定的对象数组。有人可以指导我如何设计一个，我尝试查看 airbnb react-dates，但我不想弹出日历。我也在考虑简单地使用时刻，但不知道如何设计一个。如果有人有一个codepen示例，请帮助我。