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

Question

我通过 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>
             );
    }
});

Answer 1

我知道它已经很长时间了，但是您需要将链接添加到 CSS 文件。

在您的 SCSS 文件中：

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

这是文档示例中的第一行：
https
://github.com/coderhaoxin/react-flatpickr （当我使用它时，我发现示例中的 css 文件名与我的不同，所以仔细检查一下你的node_modules。）

希望有帮助。