无法在React Datepicker上设置时间值

时间:2019-10-19 20:19:40

标签: reactjs react-datepicker

你好,我使用的是react-datepicker,日期受时间的最小值,最大值限制。使用新的Date(),一切都会按预期进行:

minTime={new Date().setHours(11)}
maxTime={new Date().setHours(22)}

但是一旦我要使用通过助手功能生成的明天日期,就会发生错误:

  const tomorrow = () => {
    const today = new Date()
    const tomorrow = new Date()
    tomorrow.setDate(today.getDate() + 1)

    return tomorrow
}

使用下面提供的设置不能更改时间。

<DatePicker
  name="Datepicker"
  className="table-booking__input"
  selected={booking.date}
  onChange={this.handleDate}
  showTimeSelect
  minDate={tomorrow()}
  timeFormat="HH"
  timeIntervals={60}
  minTime={booking.date.setHours(11)}
  maxTime={booking.date.setHours(22)}
  dateFormat="MMMM dd, yyyy h aa"
  timeCaption="Time"
  placeholderText="Click and choose the date"
/>

这是我的状态和处理功能:

this.state = {
  booking: {
    date: tomorrow(),
    people: 1,
    name: 'John Doe',
    email: 'jdoe@gty.xx'
  }
}


  handleDate(e) {
    const booking = { ...this.state.booking }
    booking.date = e
    this.setState({ booking })
  }

0 个答案:

没有答案