javascript - React 中设置的时间选择器 - jquery-timepicker

Question

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

我尝试从“timepicker”导入 TimePicker 作为 react 组件并集成其他库页面选项。

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

这是我尝试使用的插件:

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;