日期选择器材料UI - 在特定日期打开

Question

我正在使用Material-UI的DatePicker组件来选择一些日期。

我的应用需要选择2个日期（图1），第二个日期不能超过第一个日期。因此，我使用＆＃34; minDate＆＃34;禁用过去的日期。支柱。但是，如果选择的第一个日期是，例如，从现在起一个月，这仍然会在当前日期打开日期选择器，而不是最小允许日期。

示例：我选择8月15日作为第一个日期（图2），当我点击第二个日期时，它会在当前日期打开（图3）

而不是这个，我希望在最短允许的日期打开datepicker。

有关如何执行此操作的任何建议吗？

DatePicker代码：

＆＃13;

＆＃13;

import React from 'react'
import PropTypes from 'prop-types'
import DatePicker from 'material-ui/DatePicker';
import moment from 'moment'

const DateSelect = (props) => {
  const { minDate, onSetDate, index } = props
  return(
    <DatePicker 
      textFieldStyle = {{width: 100}}
      onChange = {(dc, date) => onSetDate(date, index)}
      hintText = {index === 0 ? "Earliest" : "Latest"}
      minDate = {minDate}
      container = "inline"
      formatDate = {(date) => moment(date).format('DD-MM-YYYY')}
    />
  )
}

DateSelect.defaultProps = {
  minDate: new Date(),
  onSetDate: () => {},
  index: 0,
}

export default DateSelect 

＆＃13;

＆＃13;

＆＃13;