react-dateTime Picker Css funktioniert nicht

Question

Ich benutze react-dateTime Picker. react-datetime picker's css funktioniert nicht. Kann mir jemand sagen, warum es so aussieht. Es sieht so aus.

und zweitens funktioniert diese Funktion, aber css funktioniert.

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

Answer 1

@Iggy den folgenden Code in Ihrer webpack.config Datei hinzufügen. 'Skript-loader! Reagieren-Datetime/dist/reagieren-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' 

     }, 

Answer 2

Sie müssen die CSS-Datei mit dem reagieren-Datums- und Uhrzeit Picker enthalten laden. Es gibt eine kleine Notiz in der Dokumentation, aber es ist leicht zu übersehen.

Sie müssen zu einem bestimmten Zeitpunkt this CSS file einschließen. Dies könnte in eine Master-CSS-Datei kopiert oder in die Komponente importiert werden, in der Sie den react-dateTime-Picker verwenden.

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