适合移动设备的 Airbnb 的 react-dates 库的配置 [关闭]答案

【问题标题】：Configuration for mobile-friendly Airbnb's react-dates library [closed]适合移动设备的 Airbnb 的 react-dates 库的配置 [关闭]
【发布时间】：2017-09-28 15:41:00
【问题描述】：

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

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

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

【问题讨论】：

这里有什么问题？

标签： javascript reactjs react-dates

【解决方案1】：

在他们的 github 页面中发现了两个问题

https://github.com/airbnb/react-dates/issues/1242 https://github.com/airbnb/react-dates/issues/262

都没有帮助我，所以我最终找到了自己的解决方案。

 <DateRangePicker
          readOnly
          verticalHeight={370}
          orientation="vertical"
          numberOfMonths={1}
...
...
/>

【讨论】：