问题标签 [react-dates]

我想在下面使用react-dates lib 自定义样式

你对我有什么建议吗？非常感谢

我正在尝试将我的更改<DateRangePicker/>为德语。我究竟做错了什么？

我无法将日期值从react-dates组件传递到它的父组件。

首先，我通常会使用Redux来处理这样的任务，但这对项目来说太过分了，我更喜欢简单的解决方案。

如何将onChange事件从DateRangePicker它的父组件传递？

父组件

日期范围选择器

我目前遇到的问题是，我在我的 React 项目中的两个不同位置利用了 Airbnb 日期。日期的样式不同。因此，我创建了 2 个单独的 CSS 文件来覆盖默认样式。

尽管在 2 个不同的位置有 2 个不同的 CSS 文件，但最新的更改会覆盖最初的样式更改。所以出于某种原因，两个日期选择器共享相同的样式。

我想提一下我使用样式加载器。

有任何想法吗？

我正在使用 react-dates，我想SingleDatePicker使用主题更改颜色。我已阅读文档（https://github.com/airbnb/react-dates#theming），但我的实现不起作用。这是我的组件：

有没有一种简单的方法可以在滚动 div 中使用 DateRangePicker？我面临的问题是我有一个已overflow-y: scroll设置的容器 div。当您单击DateRangePicker弹出的日历时，它位于滚动 div 内部。这种行为可以在这个线程中看到：DateRangePicker。

我需要该日历在 div 之外弹出以使其可用。在上面链接的线程中，有关于使用 Portals 的讨论，但我不希望整个组件附加到另一个 div。我只想将日历模式放在 idv 之外。

(function (exports, require, module, __filename, __dirname) { export const DISPLAY_FORMAT = 'L'; SyntaxError: Unexpected token export当我使用以下命令运行测试时，我收到一条错误消息 ： NODE_ENV=test mocha --compilers js:babel-core/register --require ./react_redux/test/test_helper.js './react_redux/*/*/test*/*.@(js|jsx)'.

这似乎是 react-dates 包的问题，​​因为这是我唯一一次收到此错误。

使用 Mocha、Enzyme 和 Chai 进行测试。

我有这个package.json：

这在我的.babelrc：

一些相关版本：

我正在学习 React 和 Redux。我被 react-dates 组件与 Redux 的连接卡住了。主要问题是某些东西（可能是 react-dates）会在应用程序开始时触发 redux 操作（SET_START_DATE、SET_END_DATE），即使它们应该在我单击日历内的日期之后发生。因此，我收到了这些错误：

带有 DatePicker 的组件代码：

行动：

减速机：

我正在使用这些依赖项：

• “反应”：“^16.4.2”，
• “反应日期”：“^17.2.0”，
• "react-redux": "^5.0.7",
• "redux": "^4.0.0",
• “redux-thunk”：“^2.3.0”

请使用与此图像相同的简单代码

我的代码

这是我的代码的结果， 我想添加与此图像相同的月份和年份选择框但我不知道如何修复它。

我正在尝试按如下方式使用 airbnb react-dates：

我正在使用recompose withState来更新日期和焦点状态。但是，我收到一个错误，说这setIsFocused不是一个函数。

任何反馈将不胜感激。