React 中的 jQuery UI Datepicker 抛出 Uncaught TypeError

Question

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

Uncaught TypeError: newDate.setHours is not a function

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，则 works .

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