jQuery UI React 中的 Datepicker 抛出 Uncaught TypeError

Question

当试图让 jQuery UI Datepicker 在 JSFiddle 中与 React.js 一起工作时，当您点击输入框时，控制台会抛出以下错误：

Uncaught TypeError: newDate.setHours is not a function

Link 到 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" />;
    }
});

jQuery UI React 中的 Datepicker 抛出 Uncaught TypeError

jQuery UI Datepicker in React throws Uncaught TypeError

jquery

jquery-ui

datepicker

reactjs