我一直在探索Airbnb 的 react-dates 库,并且很难将我的想法包装在如何触发它的移动响应 API 上。目前,我有“最低要求”的代码来拥有一个正常工作的日历,但是,我认为它不适合现成的移动设备。
我可能尝试的另一个解决方案是在 css 中手动实现媒体查询以触发移动友好的布局,但这个解决方案似乎是错误的和/或“过度设计”。
请注意,我正在寻找适合移动设备的 react-dates 日历的正确配置指南,而不是复制/粘贴样式的解决方案。
我一直在探索Airbnb 的 react-dates 库,并且很难将我的想法包装在如何触发它的移动响应 API 上。目前,我有“最低要求”的代码来拥有一个正常工作的日历,但是,我认为它不适合现成的移动设备。
我可能尝试的另一个解决方案是在 css 中手动实现媒体查询以触发移动友好的布局,但这个解决方案似乎是错误的和/或“过度设计”。
请注意,我正在寻找适合移动设备的 react-dates 日历的正确配置指南,而不是复制/粘贴样式的解决方案。
在他们的 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}
...
...
/>