更改 Fullcalendar React 组件的语言答案

【问题标题】：Change the language of the Fullcalendar React component更改 Fullcalendar React 组件的语言
【发布时间】：2023-04-04 20:29:01
【问题描述】：

我在 fullcalendar 文档中找不到如何为 React 组件设置语言环境 (https://fullcalendar.io/docs/react)。

这就是我使用组件的方式：

import FullCalendar from '@fullcalendar/react' // must go before plugins
import dayGridPlugin from '@fullcalendar/daygrid' // a plugin!

export default function Calendar(props){
    
    return (
        <Box>
            <FullCalendar
            plugins={[ dayGridPlugin ]}
            initialView="dayGridMonth"
            />
        </Box>
    );

}

如何将语言设置为西班牙语？

【问题讨论】：

标签： javascript reactjs fullcalendar locale

【解决方案1】：

可以像这样在 Fullcalendar React 组件上设置语言环境：

运行：yarn add @fullcalendar/core
导入语言环境：import esLocale from '@fullcalendar/core/locales/es';

将语言环境作为道具传递给组件：

 <FullCalendar locale={esLocale} plugins={[ dayGridPlugin ]} initialView="dayGridMonth" />

【讨论】：