Reactjs 如何在react datetime范围选择器中启用手动范围日期时间输入?

Reactjs 如何在react datetime范围选择器中启用手动范围日期时间输入?,reactjs,react-datetime,Reactjs,React Datetime,启用手动日期时间输入需要做什么?因为它显示为只读。但一旦将readOnly设置为false(input={true}),就会产生一些错误 import React, { Component } from "react"; import DatetimeRangePicker from 'react-datetime-range-picker'; class Test extends Component { <DatetimeRangePicker start

启用手动日期时间输入需要做什么?因为它显示为只读。但一旦将readOnly设置为false(input={true}),就会产生一些错误

  import React, { Component } from "react";
  import DatetimeRangePicker from 'react-datetime-range-picker';

  class Test extends Component {

   <DatetimeRangePicker
     startDate= {this.state.startDate}
     endDate={this.state.endDate}
     onStartDateBlur={this.startDateBlurHandler}
     onEndDateBlur={this.endDateBlurHandler}
     timeFormat="HH:mm"
     dateFormat="DD/MM/YY"
     inputProps={{ placeholder: ('Enter Date')}} />
  }
import React,{Component}来自“React”;
从“反应日期时间范围选择器”导入日期时间范围选择器;
类测试扩展了组件{
}

通过将输入属性值设置为true,我们可以启用手动输入字段。下面我将提供示例代码以及链接,以便您可以通过查看了解更多信息



}

来自“版本”:“2.0.1”问题已解决。使用“input={true}”属性可以启用手动日期时间输入

谢谢。是的,删除readOnly属性是非常困难的。但一旦我尝试键入某些内容,就会出现一些错误。错误列表:1。上述错误发生在您的某个React组件中:2.未捕获类型错误:this.state.start.isSameOrBefore不是函数3。警告:无法对未安装的组件调用setState(或forceUpdate)。这是一个no-op,但它表示应用程序中存在内存泄漏。要修复此问题,请取消componentWillUnmount方法中的所有订阅和异步任务。
<DatetimeRangePicker
 startDate= {this.state.startDate}
 endDate={this.state.endDate}
 onStartDateBlur={this.startDateBlurHandler}
 onEndDateBlur={this.endDateBlurHandler}
 input = {true}
 timeFormat="HH:mm"
 dateFormat="DD/MM/YY"
 inputProps={{ placeholder: ('Enter Date')}} />