node.js - 使用flatpickr无法正确显示日历

我通过npm install flatpickr安装了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>
             );
    }
});

最佳答案

我知道已经很久了，但是-
您需要将链接添加到CSS文件。

在您的SCSS文件中:

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

这是docs示例中的第一行:
https://github.com/coderhaoxin/react-flatpickr
(当我使用它时，我发现示例中的css文件名与我的不同，因此请在您的node_modules中再次检查该文件名。)

希望能有所帮助。

关于node.js - 使用flatpickr无法正确显示日历，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41004457/