我在项目中使用插件react-datepicker和 Bootstrap 3。
我网站上的日期选择器比插件提供的演示小。它似乎只是缩小了。据我所知,宽度/高度是在运行时计算的。由于 Bootstrap,发生了较小的计算大小。当我删除 BS .css 文件时,大小还可以。
- 为什么是这样?
- 我该如何解决?
- 推荐一个更可定制的日期选择器插件?
我在项目中使用插件react-datepicker和 Bootstrap 3。
我网站上的日期选择器比插件提供的演示小。它似乎只是缩小了。据我所知,宽度/高度是在运行时计算的。由于 Bootstrap,发生了较小的计算大小。当我删除 BS .css 文件时,大小还可以。
我看到了那个插件。
我看到解决这个问题的最简单的方法是给它内联的高度和宽度。
它的所有类都与引导程序不匹配,因此由于包含在其中的 div 的大小,它恰好被缩小了。
所以只需添加style="height:200px; width:150px;
它,它就会起作用。
(经测试)
我似乎插件用于rem
计算大小。这意味着它使用“通常”为 16 像素的根字体大小,但对于 BS3,它只有 10 像素。所以这条线html { font-size: 16px !important; }
为我解决了这个问题。
在此处阅读更多信息:https ://github.com/Hacker0x01/react-datepicker/issues/624