有没有其他方法可以显示月份，年份除了在react-datepicker中的下拉列表外？

Question

  

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

return

  

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

Answer 1

react-datepicker有一个内联版本

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

参考：https://hacker0x01.github.io/react-datepicker/ 滚动到此页面底部可查看内联版本的示例

Answer 2

要仅显示“月份和年份”下拉列表，请尝试此操作。

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

ref：link

Answer 3

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

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

Answer 4

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

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