reactjs - react-dateTime 选择器 Css 不工作

Question

我正在使用react-dateTime选择器。react-datetime 选择器的 css 不工作。谁能告诉我为什么它看起来像。它看起来像这样。

第二个这个下面的功能正在工作，但css正在工作。

var yesterday = Datetime.moment().subtract( 1, 'day' );
var valid = function( current ){
    return current.isAfter( yesterday );
};

Answer 1

您需要加载 react-dateTime 选择器中包含的 CSS 文件。文档中有一个关于此的小注释，但很容易错过。

您需要在某些时候包含此 CSS 文件。这可以复制到主 CSS 文件中，或导入到使用 react-dateTime 选择器的组件中。

import "path/to/node_modules/react-datetime/css/react-datetime.css";

Answer 2

@Iggy 在您的 webpack.config 文件中添加以下代码。 'script-loader!react-datetime/dist/react-datetime.min.js',

 entry: [
       'script-loader!jquery/dist/jquery.min.js',
       'script-loader!foundation-sites/dist/foundation.min.js',
       'script-loader!react-datetime/dist/react-datetime.min.js',//add this line in your webpack.config file
      './app/app.jsx'],
      externals:{
        jquery:'jQuery'

      },