React中的jQuery UI Datepicker抛出Uncaught TypeError

Question

当试图让jQuery UI Datepicker在JSFiddle中使用React.js时,当您单击输入框时,控制台中会抛出以下错误:

未捕获的TypeError:newDate.setHours不是函数

链接到JSFiddle:http://jsfiddle.net/bengrunfeld/9ay9qdmd/

var Date = React.createClass({
    render: function() {
        return <input type="text" className="datepicker" />;
    }
});

var Calendar = React.createClass({
    componentDidMount: function() {
        $('.datepicker').datepicker();
    },
    render: function() {
        return ( 
            <form>
                <Date />
            </form>
        )
    }
});

React.render(<Calendar />, document.body);

Answer 1

您已重新定义了核心JavaScript对象:Date.如果你将它重命名为其他类似的东西DateInput,它就可以了.

var DateInput = React.createClass({
    render: function() {
        return <input type="text" className="datepicker" />;
    }
});