reactjs - 除了react-datepicker中的下拉菜单外，还有其他方法可以显示月份，年份吗？

Question

我正在使用 react-datepicker 但由于某种原因，我们不想在下拉列表中显示月份和年份。

<DatePicker
    selected={this.state.startDate}
    onChange={this.handleChange}
    peekNextMonth
    showMonthDropdown
    showYearDropdown
    dropdownMode="select"
/>

有没有其他方法可以显示月份和年份？

Answer 1

要仅显示月份和年份下拉菜单，请尝试此操作。

<DatePicker
  dateFormat="MMMM yyyy"
  showMonthYearPicker
  selected={this.state.startDate}
  onChange={this.handleChange}
/>

参考：链接

Answer 2

react-datepicker 有一个内联版本

<DatePicker
    inline
    selected={this.state.startDate}
    onChange={this.handleChange}
/>

ref: https://hacker0x01.github.io/react-datepicker/ 滚动到本页底部查看内联版本示例

Answer 3

有两种模式“选择”和“滚动”。

<DatePicker
    selected={this.state.startDate}
    onChange={this.handleChange}
    peekNextMonth
    showMonthDropdown
    showYearDropdown
    dropdownMode= "scroll"
/>

Answer 4

showYearDropdown仅在您使用日期对象设置minDate道具时才有效。例如 minDate={new Date()}。如果您将字符串传递给 minDate，那么年份下拉菜单将为空。

避免使用 minDate={parseISO(new Date())}，其中 parseISO 返回日期字符串。