日期选择器输入日历是否只能向下和向右打开？
日期选择器输入日历是否只能向下和向右打开？
提问于 2017-10-24 22:23:33
在决定日历的位置时，日历(到目前为止)似乎没有考虑到碰撞检测。例如：
在屏幕截图中，你可以看到日历不在屏幕上。即使我禁用了水平滚动(overflow-x: hidden;)，它仍然呈现在屏幕之外。
有没有解决这个问题的办法，而不是砍掉样式呢？
回答 1
Stack Overflow用户
发布于 2019-03-01 08:51:53
react-day-picker的DayPickerInput API现在有了classNames，它允许您更改覆盖和覆盖包装的类的名称。您基本上是重命名它们，以便在您自己的react- CSS/LESS文件中，您可以使用该名称来设置覆盖图的样式，并让它使用该名称而不是react---style.css中的类(作为最佳实践，您应该更改而不是尝试更改)。
如果您想要更改覆盖的默认属性(日历弹出窗口)，那么无论您在哪里创建组件，您都可以这样做：
createElement(DayPicker.Input,
{ //all other props
classNames: {
overlay: "TheNewNameForTheClass",
overlayWrapper: "TheOtherNewNameForTheClass"
}
}
})然后在您的样式文件中，您将使用TheNewNameForTheClass和TheOtherNewNameForTheClass来设置覆盖图的样式。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46913076
复制相关文章
相似问题