是否有任何方法可以在Reactjs中的React-DatePicker的更改月份或年度中选择日期

Question

当前，在" react-datepicker"中，我正在使用"月选择器"one_answers"年度选择器"作为访客详细信息的DOB。

发生的是： - 所选日期在日历上突出显示。

我需要实施的内容： - 当我在日历上更改月/年时，我想将选定的日期更新为与更新月/年的同一日期。

请帮助我有任何可能性。

我无法找到解决方案。

以下代码是我用于当前react-datepicker的内容：

    <DatePicker
        className="date-field ub-l"
        openToDate={new Date("1993/09/28")}
        selected={this.state.date}
        onSelect={this.handleChange}
        onChange={this.handleChange} //only when value has changed
        maxDate={new Date()}
        placeholderText={this.props.placeholder}
        disabledKeyboardNavigation={true}
        showMonthDropdown={true}
        showYearDropdown={true}
        name={this.props.name}
        disabledNavigation
        inputProps={{readOnly: true}}
        dropdownMode="select"
        autocomplete={false}
    />

如果我更改月/年，可以在选择任何日期之前自动更新所选的日期？

Answer 1

您正在寻找adjustDateOnChange Prop。它会自动执行您正在寻找的

<DatePicker
  selected={selectedDate}
  onChange={date => changeDate(date)}
  dropdownMode="select"
  showMonthDropdown
  showYearDropdown
  adjustDateOnChange
/>

codesandbox