React-Strap 的日期选择器

Posted

技术标签:

【中文标题】React-Strap 的日期选择器【英文标题】:Datepicker for React-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-pickerreact-strap 不兼容吗?在这种情况下,我应该为 bootstrap 4 组件安装哪些 npm 包,以便 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 并被视为生产就绪。

【讨论】:

以上是关于React-Strap 的日期选择器的主要内容,如果未能解决你的问题,请参考以下文章

引导日期选择器从另一个日期选择器更改 minDate/startDate

为啥这个引导日期选择器不显示日期选择器?

在日期选择器中选择日期后如何打开时间选择器

Excel中进行插入日期选择器的操作技巧

jQuery 日期选择器。 2个日期选择器。限制范围。默认日期 当前日期

小程序表单中日期选择器可以限制日期吗?