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-picker
与react-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