反应日期时间选择器 Css 不工作

Question

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

第二个功能正常，但 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'

      },

反应日期时间选择器 Css 不工作

react-dateTime picker Css not working

reactjs

react-datetime