如何将FullCalendar的today按钮文本改为首字母大写的Today？

问题分析 #

你之前的代码存在两个核心问题：

• 同时保留了默认的today按钮和自定义的Today按钮，导致按钮重复且自定义按钮未替代原有功能
• 自定义按钮的click事件仅写了字符串"today"，未实际调用日历的今日跳转功能

方案1：直接修改默认按钮文本（最简洁） #

无需自定义按钮，通过FullCalendar内置的buttonText配置项直接修改默认today按钮的显示文本：

$(document).ready(function(){
    $('#CalendarioWeb').fullCalendar({
        header:{
            left:'today,prev,next',
            center:'title',
            right:'month,basicWeek,basicDay,agendaWeek,agendaDay'
        },
        buttonText: {
            today: 'Today' // 直接替换默认按钮文本
        }
    });
});

方案2：使用自定义按钮替代默认按钮 #

如果需要给按钮添加额外逻辑，可移除默认today按钮，通过自定义按钮实现功能：

$(document).ready(function(){
    $('#CalendarioWeb').fullCalendar({
        header:{
            left:'prev,next,Today', // 移除默认today按钮，保留自定义按钮
            center:'title',
            right:'month,basicWeek,basicDay,agendaWeek,agendaDay'
        },
        customButtons:{
            Today:{
                text:"Today",
                click:function(){
                    // 调用日历的今日跳转方法
                    $('#CalendarioWeb').fullCalendar('today');
                }
            }
        }
    });
});

内容的提问来源于stack exchange，提问作者Rodrigo Fernández