javascript - 在滚动容器中使用 React-dates 的 DateRangePicker

标签 javascript html css reactjs react-dates

有没有一种简单的方法可以在滚动的 div 中使用 DateRangePicker? 我面临的问题是我有一个容器 div,它设置了 overflow-y: scroll。当您单击 DateRangePicker 时,弹出的日历位于滚动的 div 内。此行为可以在此线程中看到:DateRangePicker .

我需要那个日历在 div 之外弹出,以便它可用。在上面链接的线程中有关于使用 Portals 的讨论,但我不希望将整个组件附加到另一个 div。我只想将日历模式放在 idv 之外。

最佳答案

我找到的一个解决方案是将 withPortal 属性传递给 DateRangePicker。这使得日历在屏幕中央打开。可以在此处找到更多信息:Airbnb React-Dates docs

关于javascript - 在滚动容器中使用 React-dates 的 DateRangePicker,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51490044/

相关文章:

html - IE8 固定和绝对位置问题

css - Twitter Bootstrap 下拉菜单位于内容下方,我找不到解决方案

javascript - HTML 5 Canvas 在 toDataUrl 时不显示某些部分

javascript - 动画.css : Animate on hover script

javascript - 根据所使用的字段而变化的变量

html - 使用 bootstrap 在 css 和 html 中定位

css - Chrome 显示 <select> <option> 标签的问题

javascript - Redis 在某些操作系统上将字符串保存为缓冲区,而不是其他操作系统?

javascript - 如何获取我的 Web 应用程序的实时数据?

html - 将 SVG 中的图标居中