React-Day-Picker 弹出位置答案

【问题标题】：React-Day-Picker popup positionReact-Day-Picker 弹出位置
【发布时间】：2018-10-11 20:30:27
【问题描述】：

在React-Day-Picker project 中，有没有办法改变 DayPicker 弹出窗口的位置？我在视图的最右侧有一个 DayPickerInput，然后 DayPicker 打开后与 Input 左对齐，但这会使 DayPicker 被我的窗口边缘裁剪。

有没有办法让 DayPicker 与 Input 右对齐并让它溢出到左边，这样它就不会被我的窗口边缘截断？

Right now it looks like this
(the dots are the input)
     ....._____
     |         |
     |         |
     |         |
     |_________|
and I want it to look like this
 _____.....
|         |
|         |
|         |
|_________|

【问题讨论】：

标签： reactjs react-day-picker

【解决方案1】：

经过一番努力，我设法部分复制了日期选择器的标记，其中包含一些虚拟内容：

这样我们可以看到应用于日期选择器的样式。因此，通过 CSS 中的一些覆盖，我们可以达到预期的效果：

希望这会有所帮助:)

【讨论】：