在React中设置时间选择器-jQuery-TimePicker

Question

我一直在尝试将此jquery插件添加到我正在处理的React项目中。 我一直在尝试在SO和react文档中找到的不同配置，但是在不冻结我的开发设置的情况下，我找不到找到使其工作的方法。

我试图从'timepicker'中导入TimePicker作为反应组件，并集成其他库页面选项。

我将需要能够检索用户以字符串格式编写或选择的时间，以便能够将其拆分并将其发送到后端。

这是我要使用的插件：

https://github.com/jonthornton/jquery-timepicker

Answer 1

问题解决了：

import React, { Component } from  'react';
import $ from 'jquery';
import timepicker from 'timepicker'

class TimePicker extends Component {
    componentDidMount(){
        this.initDatepicker();
      }

  initDatepicker(){
    $(this.refs.timepicker).timepicker();
  }

  handleChange = (e) => {
    console.log(e.currentTarget.value)
  }

  render(){
    return (
      <div>
        <input className='timepicker' type='text' ref='timepicker' onBlur={e => this.handleChange(e)} />
      </div>
    )
  }

}

export default TimePicker;