在reactjs中，是否有任何方法可以在ReactDatePicker的月份或年份发生变化时保持选定的日期？

Question

目前，在react datepicker中，我在guest detail表单中为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

您正在查找adjustDateOnChangeprop。它会自动满足您的需求

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

代码沙盒