问题标签 [react-dates]

我正在使用 airbnb 反应日期作为反应日历组件。我想要做的是传递一个日期数组。而且我想自定义日历，以便用户只能选择那些日历。我在文档中找不到太多内容。如果有人曾经这样做过，请告诉我。 https://github.com/airbnb/react-dates

我正在尝试以 redux 形式使用 SingleDatePicker。这是我表单中的渲染方法

并在此表单组件的末尾

我在页面上得到的是这样的静态输入

当我点击它时，什么也没发生。没有亮点，没有像这样的下拉日历。

任何想法？有什么建议以 redux-form 处理这样的日期选择器吗？

我正在尝试添加AirBnB React-dates。除了一件事（不打开已选择日期的月份）之外，所有功能都有效。

当我分配开始日期和结束日期时，它会选择范围但不显示所选月份。它显示当前月份。

例如：如果我设置开始日期 = 2017-05-05 和结束日期 =2017-05-09 那么它会显示选择，但在下次打开日历选择器时它只显示当前月份，所以我必须点击下个月，下个月查看之前选择的日期；

我的代码：

当我打开选择器时，它显示的是二月而不是五月。

我正在尝试添加airbnb-react-date。在我重新打开日期选择器时选择开始日期和结束日期后，日历显示当前月份而不是所选开始日期/结束日期的月份。

例如：如果我设置开始日期 = 2017-05-05和结束日期 = 2017-05-09然后它显示选定的日期，但如果我再次点击日历选择器打开它只显示当前月份，即二月日历，那就是为什么我必须点击下个月，下个月才能看到之前选择的日期，即May；

我是如何实现的： 来自 https://github.com/airbnb/react-dates#getting-started

已安装 npm install --save react-dates moment@>=#.## react@>=#.## react-dom@>=#.## react-addons-shallow-compare@>=#.##

我已经安装了所需的节点包，即 babel、webpack。每次我webpack在项目目录上运行命令来构建bundle.js然后运行index.html以查看输出。

索引.html

entry.js

webpack.config.js

我有的：

我需要的：

作为 React 和 Redux 的新手，我正在尝试在组件中使用react-dates。

这是我的代码：

这将返回以下错误：

focusedonFocusChange据我了解，应该收到“日期选择器状态” 。

文件：

onFocusChange 是更新父组件中焦点状态所必需的回调。它需要一个 {focused: PropTypes.bool} 形式的参数。

我认为问题在于我DateState在DatePickerSingle组件中注入了不知道focused状态的组件。

是否可以同时使用我的“自己的”状态和 DatePicker 中的状态？或者最好的方法是什么？

我现在正在尝试很长一段时间，我希望有人可以帮助我。

更新

我不仅想选择日期，还想用 airbnb react-dates 选择小时和分钟，react-dates 有这样的 API 来处理这个吗？

我正在使用 DayPickerSingleDateController 组件。我在该州的一个数组中保留了一组要突出显示的日期。我在文档中没有明确说明如何将该数组作为道具传递给组件（如果可能的话）。

我希望是这样的：

我怎样才能实现这个功能？

我一直在探索Airbnb 的 react-dates 库，并且很难将我的想法包装在如何触发它的移动响应 API 上。目前，我有“最低要求”的代码来拥有一个正常工作的日历，但是，我认为它不适合现成的移动设备。

我可能尝试的另一个解决方案是在 css 中手动实现媒体查询以触发移动友好的布局，但这个解决方案似乎是错误的和/或“过度设计”。

请注意，我正在寻找适合移动设备的 react-dates 日历的正确配置指南，而不是复制/粘贴样式的解决方案。

我想知道是否可以使用 react-dates 添加最大天数来选择。基本上与已经存在的minimumNights属性相反。

干杯

图书馆：https ://github.com/airbnb/react-dates

问题：是否可以在从服务器获取后设置阻塞天数？（等待/调用 isDayBlocked 回调或重新初始化日历）

问题：当数据尚未准备好时，在日历更改视图到下个月后调用回调“isDayBlocked”。

示例代码：

我尝试了什么：

• 根据加载道具装载/卸载日历（问题 - 在 nextMount 回调之前到下个月的动画 + 当日历消失时它看起来很糟糕）

• 加载以存储 nextMonth 数据，因此当我将视图更改为 nextMonth 'isDayBlocked' 工作正常并为 nextMonth 获取数据（问题 - 双击 nextMonth 更改或连接缓慢）

请问有什么想法吗？