如何将react-datepicker的月份下拉框改为显示数字而非月份名称？

要让react-datepicker的月份显示为01、02这类两位数字格式，只需利用组件的dateFormat属性结合date-fns的格式化规则即可实现：

• MM 代表两位数字的月份（01-12）
• YYYY 代表四位数字的年份

修改后的代码示例 #

如果直接在组件内指定格式：

<DatePicker
  selected={value?.toDate()}
  onChange={(date) => this.handleMonthChange(date)}
  inline
  showMonthYearPicker
  dateFormat="MM/YYYY" // 可根据需求调整格式，比如"MM-YYYY"
/>

如果仍需要通过父组件传递格式，只需将this.props.formatString的值设置为包含MM的格式字符串（如"MM/YYYY"）即可。

如果需要更个性化的月份渲染，也可以使用renderMonth来自定义，但针对你的需求，修改dateFormat是最简洁的方案。

内容的提问来源于stack exchange，提问作者Rey