日历显示不正确使用flatpickr

Question

我安装了flatpickr npm install flatpickr。日历显示的是喜欢当输入控制

var React = require('React'); 
var ReactDOM = require('ReactDOM'); 
var Flatpickr = require('flatpickr'); 

var Calender = React.createClass({ 

    componentDidMount: function(){ 
    this.flatpickr = new Flatpickr(this.refs.date, {dateFormat: "m/d/Y"}); 
    }, 

    render: function() { 
     return(
       <div>    
        <input data-enable-time defaultValue='2016-11-11' ref="date_from" />  
       </div> 
      ); 
    } 
}); 

Answer 1

单击我知道它是一个很长的时间可是 - 您需要的链接添加到CSS文件。

在您的SCSS文件：

@import '../node_modules/flatpickr/dist/flatpickr.min.css'; 

它在该文档示例中的第一行：
https://github.com/coderhaoxin/react-flatpickr
（当我使用它，我发现，在这个例子中的CSS文件的名称是不同于什么我有，所以仔细检查，在您的node_modules。）

希望有所帮助。