react日期时间选择器 Css 不起作用

IT技术 reactjs react-datetime
2021-04-30 17:47:30

我正在使用react-dateTime Picker。react-datetime 选择器的 css 不起作用。谁能告诉我为什么它看起来像。看起来像这样。 在此处输入图片说明

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

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

在此处输入图片说明

2个回答

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

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

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

@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'

      },