我一直在探索Airbnb的反应日期库,并且很难将我的想法包裹在我围绕如何触发其移动响应率API的想法。目前,我有"最低必需"代码可以具有功能性的日历,但是,我认为它不在架子上易于移动。
我可能尝试的另一个解决方案是手动在CSS中实现媒体查询以触发移动友好的布局,但是此解决方案似乎是错误的和/或"过度工程"。
请注意,我正在寻找针对移动友好的反应日历的适当配置的指导,而不是复制/粘贴样式解决方案。
在他们的github页面中发现了两个Issuse
https://github.com/airbnb/react-dates/issues/1242https://github.com/airbnb/react-dates/issues/262
都没有帮助我,所以我得到了自己的解决方案。
<DateRangePicker
readOnly
verticalHeight={370}
orientation="vertical"
numberOfMonths={1}
...
...
/>