Reactjs 如何在日期中自定义标题月份和年份

麦可德

date = {
onChange: (date, target) => {
  console.log(target)
  this.setState({
    [target]: date
  })
}}

const defaultPropsFilterDate = {
  numberOfMonths: 1,
  showDefaultInputIcon: false,
  navPrev: <img src={Icons['icon-arrow-left.svg']} alt='' className='icon' />,
  navNext: <img src={Icons['icon-arrow-right.svg']} alt='' className='icon' />,
  hideKeyboardShortcutsPanel: true,
  isOutsideRange: () => { }
}

<SingleDatePicker id='birth-date'
                    placeholder='DD/MM/YYYY'
                    displayFormat='DD/MM/YYYY'
                    date={filterBirthDate}
                    onDateChange={date => {
                      this.date.onChange(date, 'filterBirthDate')
                    }}
                    displayFormat="DD/MM/YYYY"
                    dayAriaLabelFormat="DD/MM/YYYY"
                    focused={isFocusBirthDate}
                    onFocusChange={this.date.onFocusStartDate}
                    {...defaultPropsFilterDate}
                  />

---

我想添加月份和年份选择框相同的图片

---

但是我不知道如何修复它。

您需要使用renderMonthElement属性

} /> 其中，CustomSelect是要呈现为自定义标题的元素。只是不要忘记将事件传递到自定义元素，以便从那里修改日期

您可以在airbnb的github中看到一个示例

---

寻找DayPickerSingleDateControllerRapper。

你有什么问题？什么不起作用？我想添加月和年选择框相同的图像，但我不知道如何修复它。