React-Strap 的日期选择器答案

【问题标题】：Datepicker for React-StrapReact-Strap 的日期选择器
【发布时间】：2018-04-26 13:29:54
【问题描述】：

我正在使用 react-strap npm 包在我的 React 应用程序中使用 Bootstrap 4 组件。

当我尝试添加日期选择器react-bootstrap-date-picker

npm install --save react-bootstrap-date-picker

然后尝试在我的组件中使用它：

var DatePicker = require("react-bootstrap-date-picker");

我得到了错误

./~/react-bootstrap-date-picker/lib/index.js 中的错误

模块未找到：C:\Users\y\Desktop\Code\test\node_modules\react-bootstrap-date-picker\lib 中的“react-bootstrap/lib/Button”

@ ./~/react-bootstrap-date-picker/lib/index.js 15:14-51

这是因为react-bootstrap-date-picker 与react-strap 不兼容吗？在这种情况下，我应该为 bootstrap 4 组件安装哪些 npm 包，以便 datepicker 模块可以工作？

【问题讨论】：

标签： javascript reactjs react-bootstrap bootstrap-datepicker

【解决方案1】：

react-bootstrap-date-picker 正在使用 react-bootstrap，react-bootstrap 依赖于 bootstrap3。 reactstrap 是用于 bootstrap4 这就是为什么它不起作用。

您可以改用react-widgets DateTimePicker。

【讨论】：

【解决方案2】：

您现在可以使用reactstrap-date-picker，它在很大程度上基于react-bootstrap-date-picker，但已为reactstrap 世界做好了准备。

免责声明：我是图书馆的作者。

虽然仍处于最初的 0.* 版本，但我已在我的项目中成功使用它，并且一旦我收到足够的反馈，它将是 1.0 并被视为生产就绪。

【讨论】：