在Reactjs中实现jQueryUIDatePicker

我试图在Reactjs中实现jQueryUIDatePicker。一切似乎都很好，我可以从日期选择器中选择日期。问题是我在输入的onChange事件上运行函数，该函数未触发

var DatePicker=React.createClass({
_destroyDatePicker:函数（）{
var元素=this.refs.input；
$（元素）.datepicker（'destroy'）；
},
_initDatePicker:函数（）{
var元素=this.refs.input；
$（元素）.datepicker（this.props）；
},
componentDidMount:function（）{
这是。_initDatePicker（）；
},
componentWillUnmount:function（）{
这个；
},
render:function（）{
返回console.log（'newdate'，evt.target.value）}{…this.props}/>
}
});
ReactDOM.render（，document.getElementById（'example'））；

添加jquery Ui对我没有帮助，但是，我能够用react实现一个插件，它工作得非常完美

var ReactDatePicker = React.createClass({
_initDatePicker: function () {
    var $this = this;
    var element = this.refs.input;
    $(element).datetimepicker({
        timepicker: false,
        format: 'Y/m/d',
        onChangeDateTime: this._updateDate
    });
},
_updateDate: function () {
     console.log("new value ",this.refs.input.value);
},
_destroyDatePicker:function(){
    var element = this.refs.input;
    $(element).datetimepicker('destroy');
},
componentDidMount:function(){
    this._initDatePicker();
},
componentDidUpdate: function () {
    this._initDatePicker();
},
componentWillUnmount: function () {
    this._destroyDatePicker();
},
render: function() {
    return <input ref="input" value={this.props.value} type="text"/>
   }})

var ReactDatePicker=React.createClass({
_initDatePicker:函数（）{
var$this=这个；
var元素=this.refs.input；
$（元素）.datetimepicker({
计时器选择器：错误，
格式：“Y/m/d”，
onChangeDateTime:此为更新日期
});
},
_updateDate:函数（）{
log（“新值”，this.refs.input.value）；
},
_destroyDatePicker:函数（）{
var元素=this.refs.input；
$（元素）.datetimepicker（'destroy'）；
},
componentDidMount:function（）{
这是。_initDatePicker（）；
},
componentDidUpdate:函数（）{
这是。_initDatePicker（）；
},
componentWillUnmount:函数（）{
这个；
},
render:function（）{
返回
}})

React和jQuery实际上不应该被划分在一起，因为React为合成事件构造了一个虚拟DOM表示。您是否考虑过任何现有的用于日期拾取的React组件库？在谷歌上搜索“react date picker”会得到很多不同的结果。