react-dateTime picker Css无效

Question

我正在使用react-dateTime Picker。 react-datetime picker的css不工作。任何人都告诉我它为什么会这样。 看起来像这样。

和第二个以下功能正在运行但css正在运行。

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

Answer 1

您需要加载react-dateTime选择器附带的CSS文件。在文档中有一个关于此的小注，但它很容易被遗漏。

您需要在某个时候加入this CSS file。这可以复制到主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'

      },