react-calendar设置日历月索引的选项从1开始

Question

是否有一个属性可以更改为月份索引从1开始而不是零，即march = 3但是日历上的输出是4月，我可以手动执行此操作但非常hacky

任何人都知道我是否可以在此库上设置属性react-calendar The library

Answer 1

你需要做的事情很少。 1- 设置最小和最大日期值

const startDate = new Date(new Date().getFullYear(), new Date().getMonth(), 1)

const endDate = new Date(new Date().getFullYear(), new Date().getMonth(), 31)

那么你需要在日历中指定这些值

<Calendar
                    data-name="yourselectionName"
                    data-value={hooksVariable}
                    onChange={hooksUpdateMethod}
                    value={currentDate}
                    minDate={startDate}
                    maxDate={endDate}
                    name={name}
  />

到那时，只有范围内的日期是可选的，但您仍然需要使用 css 隐藏不在范围内的日期：

.react-calendar__month-view__days__day--neighboringMonth {
    display: none !important;
}