如何在 react-datetime-range-picker 中启用手动范围日期时间输入？

Question

启用手动日期时间输入需要做什么？因为它显示为只读。但是一旦将 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')}} />
  }

Answer 1

通过将输入属性值设置为 true，我们可以启用手动输入字段。下面我将提供示例代码以及 link 以便您可以查看更多信息 https://www.npmjs.com/package/react-datetime-range-picker

<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')}} />

}

Answer 2

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

如何在 react-datetime-range-picker 中启用手动范围日期时间输入？

How to enable manual range date time entering in react-datetime-range-picker?

reactjs

react-datetime