React中的jQuery UI Datepicker抛出Uncaught TypeError

时间:2015-04-23 21:25:30

标签: jquery jquery-ui datepicker reactjs

当试图让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);

1 个答案:

答案 0 :(得分:5)

您已重新定义核心JavaScript对象:Date。如果您将其重命名为其他内容,例如DateInput,则works

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