问题标签 [react-dates]

I am using airbnb's DateRangePicker. Its current behavior doesn't allow selection of dates prior to the present date. How do I change it to allow selection of past dates as start date? here is the code being used

我正在使用 react-dates 并尝试实现 singledatepicker。所有功能都在工作，但我不知道为什么所有默认样式都消失了。我也在使用 babel "transform-class-properties"

这是我的 Webpack 配置文件，它是用 css-loader 加载的

当我在 webpack-dev-server 中呈现它时，日历不会在点击时呈现。

如果我尝试手动更改日期，则会收到错误消息：

DateSelection.js?f52c:25 Uncaught TypeError: Cannot read property 'calendarFocus' of null

SingleDatePicker 似乎工作得很好，但不是 DateRangePicker。我该怎么做才能在点击时正确呈现日历？

其他详情：

• 反应 16.2.0
• 反应日期 16.3.5
• 网络包 3.10.0
• 网络包开发服务器 2.11.1

另外，顺便说一句，我似乎找不到当前的 react-dates 文档。很多地方都将我链接到这本故事书，但似乎缺少一些信息。例如，此处的描述列是空白的。

希望是一个简单的问题和一个简单的答案，但是您究竟如何使用自定义 CSS 来设置 react-date 组件的样式？当谈到 CSS 时，Github 上的文档对我来说就像泥巴一样清晰，并且似乎在推动用户使用主题方法……这似乎是让我的项目更加混乱和混乱的完美方式。我知道我必须导入react-dates/initializeand react-dates/lib/css/_datepicker.css，但导入我自己的 CSS 似乎不会影响样式。我正在为我的应用程序使用默认的 create-react-app 设置。

我正在尝试使用react-dateswith redux-form。为它做了一render件事。我以几乎相同的方式处理text input和处理字段。select那些工作正常。得到一个时髦的错误DateRangePicker，SingleDatePicker我无法理解。非常感谢任何想法/建议。

渲染组件是否为：

我的课程只是一种形式：

出于某种原因， DateRangePicker 会导致一个奇怪的错误：Uncaught TypeError: Cannot read property 'createLTR' of undefined.

我错过了什么？

我已经成功实施了 Reac-dates 范围，正如这里解释的那样，我担心的是

这些道具 startDateId 和 endDateId 有什么用？？？

我知道这可能是一个简单的答案，但我还没有找到解释，它只是说它必须是一个唯一的字符串，我在两个属性上都放了相同的字符串，它仍在工作..

我正在尝试实现取消功能，如果用户在 react-dates 日期选择器日历之外单击，则会发生某些事情。

在我的日历组件中，我正在为两个属性设置状态 -startDate但endDate没有endDate在状态上设置。如果我添加断点，我可以看到它会命中并尝试用一个值设置它。如果我为正在更新的状态添加回调函数，这永远不会运行，所以发生了一些我无法解决的奇怪事情。

为什么状态不更新？控制台中没有错误。

我的日历组件中的示例代码：

在onClose函数中永远找不到值，endDate即使setState已经被调用onDatesChange并传入了一个值。没有问题startDate。如果我注释掉设置，startDate那么endDate设置得很好。

我感到很困惑...

我正在尝试使用react-with-styles和Aphrodite在 Typescript 中设置我的样式。我正在使用此代码，模拟来自https://github.com/airbnb/react-dates#interfaces的代码：react-dates DayPickerRangeController

但是，当我运行它时，我在控制台中收到此运行时错误：

在以下情况下我没有收到此错误：

1. 我使用registerInterfaceWithDefaultTheme类中的函数（但这不允许我设置组件的样式）。（这让我感到惊讶，因为其中的代码registerInterfaceWithDefaultTheme看起来与我所拥有的相同（至少对我而言））

   /li>

2. 我使用import 'react-dates/initialize';（最终调用registerInterfaceWithDefaultTheme）。

在以下情况下我仍然会收到此错误：

1. 我交换了注册主题和界面的顺序
2. ThemedStyleSheet我在文件顶部添加代码src/index，而不是在与使用的文件相同的文件中DayPickerRangeController（这是https://stackoverflow.com/a/48558841/1176156中的建议修复）
3. 我将来自https://github.com/airbnb/react-dates#interfaces的确切代码放入 Javascript 中，然后将其导入我正在使用的 Typescript 文件中DayPickerRangeController。

我已经在调试器中确认我所有的导入都得到了有效的代码，而不是例如undefined.

如何识别用户是否通过按“Enter”按钮或单击鼠标来选择数据？

下面是我的代码：

我很简单SingleDatePicker，我没有找到某种方法来识别用户如何选择数据，没有addeventlisener其他听众。

在默认情况下，当用户点击结束日期对应的输入字段时，日历弹出窗口会显示开始月份。对于用户在多个月内选择较大日期范围的用例，如果他以后只想稍微更改结束日期，他将不得不多次单击下一步按钮才能到达结束日期。这可能会导致糟糕的用户体验。有没有办法改变这个？