无法使用 react-daterange-picker 在“月”视图中打开

问题描述

我们如何将 DaterangePicker 包中的 @wojtekmaj/react-daterange-picker 设置为在第一次点击组件时仅显示月份（即像月份选择器）？

尝试使用

<DaterangePicker
    onChange={onChange}
    value={value}
    maxDetail="month"
    calendarIcon={null}
/>

但它在“日”视图中打开

而不是“月”视图

解决方法

您的 DateRangePicker 选项 ma​​xDetail 值应该是 "year" 而不是 "month"。

<DateRangePicker
   onChange={onChange}
   value={value}
   maxDetail="year"
/>

,

maxDetail 默认已设置为 month。由于一个月由天组成（详细信息），这就是您得到该结果的原因。

在您的情况下，您需要设置 maxDetail="year"，给定的年份详细信息由月份组成：

<DateRangePicker
    onChange={onChange}
    value={value}
    maxDetail="year"
    calendarIcon={null}
/>