Question

我正在尝试实现此日期选择器 https://www.npmjs.com/package/react-16-bootstrap-date-picker 我可以实现此功能，但是我的日期选择器与示例中的show看起来不一样。我认为我的css文件未加载为什么？

这是我的代码 https://codesandbox.io/s/r1ox70mrq

class App extends Component {
  render() {
    return (
      <div>
        ddd
        <DatePicker id="example-datepicker" />
      </div>
    );
  }
}

Answer 1

只需在以下这样的react项目中将bootstrap样式添加到index.html中：

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

选中demo。

您还可以检查此reference以获得更多详细信息。

Answer 2

您需要添加引导CSS。供参考https://github.com/pushtell/react-bootstrap-date-picker/blob/master/example/app.jsx

为什么未在react js制作日期选择器中导入css？

2 个答案: