reactjs - 在移动屏幕上 react 日期选择器切割日历

Question

我正在使用 react 日期选择器 .

我有两个 日期选择器 在一行中，它在桌面屏幕上运行完美，但在移动屏幕上使用时，日历从右侧切割，因为它没有从右侧获得足够的空间。

此外，它也是不显示滚动条以滚动到右侧 .

下图是它在手机上的样子。

Answer 1

我刚遇到这个问题

在较小的视口(viewport)上，日历被窗口截断。 (从屏幕向右或向左溢出)

为了解决这个问题，我不得不使用 popperModifiers支柱

更具体地说，popperModifiers.preventOverflow

<DatePicker
  ...
  popperModifiers={{
    preventOverflow: {
      enabled: true,
    },
  }}
</DatePicker>

查看 popperModifiers Docs Here