reactjs - React-Day-Picker 弹窗位置

标签 reactjs react-day-picker

React-Day-Picker project , 有没有办法改变 DayPicker 弹出窗口的位置?我在 View 的最右侧有一个 DayPickerInput,然后 DayPicker 打开时与输入左对齐,但这会使 DayPicker 在我的窗口边缘被裁剪。

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

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

最佳答案

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

enter image description here

这样我们就可以看到应用于日期选择器的样式。因此,通过在 CSS 中进行一些覆盖,我们可以获得预期的结果:

enter image description here

希望这有帮助:)

关于reactjs - React-Day-Picker 弹窗位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52768483/

相关文章:

javascript - 如何在react组件中使用javascript

javascript - 如何在映射时使用 onClick

twitter-bootstrap - 是否可以根据需要设置react-day-picker的输入字段?

reactjs - 如何对连接到 React Date Picker 的 React/Redux 表单字段进行 onFocus 和 onBlur?

javascript - 这个 antd 库组件在将 Javascript 转换为 Typescript 时出现错误

javascript - 触发器与 ref react dropzone 不起作用

javascript - react 通知系统

React-day-picker DayPickerInput 未触发 onDayChange 事件

javascript - `DatePickerInput` "className"属性为 `<input/>`

javascript - 如何使 React-Day-Picker 月份水平并排而不是垂直对齐